Mengapa IE Abaikan Ketinggian untuk Sel Jadual Apabila Menggunakan Paparan: Jadual?

IE Abaikan Ketinggian untuk Sel Jadual

Apabila menggunakan paparan: jadual, paparan: baris jadual dan paparan: sifat sel jadual kepada membina jadual, isu yang tidak dijangka timbul dalam Internet Explorer (IE8 dan kemungkinan versi kemudian). Ketinggian: 100% ditentukan untuk div yang mengandungi kandungan diabaikan.

Spesifikasi Tidak Ditakrifkan

Tingkah laku ini berpunca daripada kekaburan dalam spesifikasi CSS. Menurut CanIUse, IE harus memberikan sokongan penuh untuk sifat susun atur ini. Walau bagaimanapun, CSS 2.1 masih tidak jelas tentang cara ketinggian harus ditentukan untuk paparan: baris jadual dan paparan: elemen sel jadual menggunakan nilai peratusan.

Cabaran Sokongan Penyemak Imbas Merentas

Spesifikasi yang tidak ditentukan ini telah membawa kepada pelaksanaan yang tidak konsisten merentas penyemak imbas. Walaupun penyemak imbas mungkin menuntut sokongan penuh, gelagat tepat untuk pengiraan ketinggian mungkin berbeza-beza. Ketidakkonsistenan ini menyebabkan keserasian merentas penyemak imbas mencabar.

Penyelesaian Alternatif

Memandangkan penyelesaian CSS tulen tidak berdaya maju disebabkan spesifikasi yang tidak ditentukan dan tafsiran unik IE, penyelesaian alternatif mesti diterokai. Pendekatan berasaskan JavaScript atau ketinggian tetap ialah pilihan yang berpotensi, tetapi ia mungkin tidak sesuai untuk semua senario.

Kesedaran Penamatan

Adalah penting untuk ambil perhatian bahawa paparan: jadual- sel dan sifat yang berkaitan dianggap tidak digunakan dalam spesifikasi CSS terkini, digantikan dengan reka letak flexbox dan CSS Grid yang lebih serba boleh. Walaupun reka letak alternatif ini menawarkan kefungsian yang serupa, ia menangani had reka letak meja dan memberikan kawalan yang lebih besar ke atas ketinggian dan saiz.

Atas ialah kandungan terperinci Mengapa IE Abaikan Ketinggian untuk Sel Jadual Apabila Menggunakan Paparan: Jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!