it-swarm-id.com

Tampilan CSS: tinggi minimum tabel tidak berfungsi

Adakah yang tahu saya bisa membuat min-height berfungsi dengan browser terbaru? Saya menggunakan tabel CSS dan sepertinya mengabaikan min-height.

<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>

Fiddle

99

Saat menggunakan tabel, tinggi dasarnya adalah min-tinggi, karena tabel selalu meregang. Singkirkan "min-" dan itu akan berfungsi seperti yang Anda harapkan.

193
swider

Gunakan height: 1px; di atas meja atau nilai apa pun. Pada dasarnya Anda perlu memberi ketinggian pada tabel agar bisa bekerja dengan min-height. Hanya memiliki min-height tidak akan berfungsi pada tabel di firefox.

7
virajs0ni

Kapan pun Anda menggunakan display:table; atau properti yang lebih dalam seperti display:table-cell; pertimbangkan untuk menggunakan height alih-alih min-height. Seperti pada tabel height = min-height mempertimbangkan fitur auto-span di dalamnya.

1
Ahmad Awais