Mengapa Ketinggian `display: table-cell` Tidak Berfungsi Secara Konsisten dalam Internet Explorer?

Ketidakkonsistenan IE dengan Paparan: Ketinggian Sel Jadual

Dalam usaha membina jadual secara dinamik untuk paparan data, banyak pembangun bergantung pada ciri paparan: jadual, baris jadual dan sel jadual. Walaupun pendekatan ini secara amnya menghasilkan hasil yang dijangkakan dalam kebanyakan penyemak imbas, IE menunjukkan ketidakkonsistenan yang pelik.

Apabila melaksanakan reka letak jadual ini, isu biasa timbul dalam IE: sifat ketinggian yang ditetapkan untuk paparan: elemen sel jadual diabaikan. Ini mengakibatkan penyimpangan daripada hasil yang diingini, dengan kandungan melimpah di luar batas yang dimaksudkan.

Walaupun CanIUse mencadangkan sokongan penuh untuk sifat paparan ini dalam IE8, pengalaman praktikal menunjukkan sebaliknya. Masalah ini berterusan bukan sahaja dalam IE8 tetapi meluas kepada semua versi sehingga IE11.

Menurut spesifikasi CSS 2.1, tingkah laku nilai peratusan untuk ketinggian dalam paparan: table-row dan display: table-cell elements kekal tidak ditentukan. Ini memberi ruang untuk ketidakkonsistenan dalam pelaksanaan merentas pelayar. Akibatnya, bergantung semata-mata pada penyelesaian CSS tulen menjadi masalah kerana tiada jaminan kesalingoperasian.

Untuk keserasian IE8, menjadi jelas bahawa JavaScript atau pendekatan bukan berasaskan CSS diperlukan untuk mencapai gelagat ketinggian yang diingini untuk sel meja. Menimbulkan isu pada Microsoft Connect mungkin meningkatkan kesedaran, tetapi sehingga perubahan dalam tingkah laku dilaksanakan, penyelesaian alternatif mesti diterokai.

Atas ialah kandungan terperinci Mengapa Ketinggian `display: table-cell` Tidak Berfungsi Secara Konsisten dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!