Mengapa IE Abaikan `Ketinggian: 100%` pada Elemen Jadual?

Mengapa IE Abaikan Ketinggian: 100% pada Elemen Jadual

Masalah

Apabila menggunakan reka letak jadual CSS dengan paparan: jadual, paparan: baris jadual , dan paparan: sel jadual, ketinggian elemen anak yang ditetapkan kepada 100% diabaikan dalam pelayar IE.

Penjelasan

Malangnya, spesifikasi untuk susun atur jadual CSS tidak jelas tentang cara mengendalikan peratusan ketinggian untuk elemen kanak-kanak. Akibatnya, penyemak imbas telah melaksanakan tingkah laku ini secara berbeza. Dalam IE, peratusan ketinggian untuk sel jadual tidak dikenali.

Kesan

Ketidaktekalan ini boleh menyebabkan hasil yang tidak dijangka, seperti yang dilihat dalam soalan, di mana kandungan di dalam sel jadual tidak sesuai sebagai dijangka dalam IE.

Penyelesaian

Memandangkan penyelesaian CSS tulen tidak dapat dilaksanakan disebabkan oleh isu saling kendali, pendekatan alternatif mesti dipertimbangkan:

• Gunakan JavaScript: Tetapkan ketinggian elemen anak secara dinamik menggunakan JavaScript.
• Gunakan Ketinggian Tetap: Tentukan ketinggian tetap untuk jadual induk dan elemen anak untuk memastikan paparan yang betul.
• Elakkan Reka Letak Jadual CSS: Pertimbangkan untuk menggunakan teknik reka letak alternatif seperti flexbox atau grid CSS.

Atas ialah kandungan terperinci Mengapa IE Abaikan `Ketinggian: 100%` pada Elemen Jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!