Saya menggunakan jquery seluler. Saya ingin memiliki label dan masukan pada baris yang sama di dalam sel tabel. Tabel dan sel memiliki lebar tetap sehingga, menurut saya, tata letak di dalam sel tidak bergantung pada lebar jendela. Namun, jika saya menggunakan kode di jsfiddle ini dan mempersempit jendela hasil, label dan inputnya ditampilkan pada baris yang berbeda dan jika saya membuat jendela hasilnya lebar, hasilnya akan ditampilkan pada baris yang sama. Ini kelihatannya aneh, karena lebar sel tidak berubah ketika saya mengubah ukuran jendela hasil. Adakah pemikiran tentang apa yang sedang terjadi dan bagaimana menampilkannya pada baris yang sama, meskipun jendelanya sempit?
HTML:
<table>
<tbody>
<tr>
<td>
<div data-role="fieldcontain">
<label for="cost1">$</label>
<input type="text" name="cost1" id="cost1" value=""/>
</div>
</td>
<td>
<div data-role="fieldcontain">
<label for="cost2">$</label>
<input type="text" name="cost2" id="cost2" value=""/>
</div>
</td>
</tr>
</tbody>
</table>
CSS:
td {
width: 10em;
border: 0.1em solid black;
}
table {
table-layout: fixed;
width: 20em;
}
Ngomong-ngomong... Saya telah melihat pertanyaan serupa di SO dan di tempat lain, tapi saya tidak yakin bagian penting apa yang memungkinkan pertanyaan ini berada pada jalur yang sama dalam berbagai skenario. Dalam kasus saya, saya pada akhirnya akan memiliki tampilan "$" atau tidak berdasarkan beberapa javascript dan ingin input diubah ukurannya berdasarkan sisa ruang yang tersedia.