Mengapakah `display: inline-block` Memerlukan Hack untuk Internet Explorer 6 dan 7?

Isu Keserasian Merentas Platform: Sekatan Sebaris dalam Internet Explorer 6 dan 7

Paparan: sifat blok sebaris, direka bentuk untuk mensimulasikan sebaris elemen dengan atribut paparan seperti blok, menghadapi cabaran keserasian dalam Internet Explorer versi 6 dan 7. Tidak seperti elemen sebaris semula jadi, elemen bukan sebaris seperti div memerlukan pengubahsuaian khusus untuk mencapai tingkah laku sekatan sebaris.

Penyelesaian untuk Internet Explorer 6 dan 7:

Untuk mengatasi isu keserasian ini, CSS tambahan adalah perlu untuk menambah paparan: sifat blok sebaris untuk bukan sebaris elemen:

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

• paparan: sebaris-blok: Mewujudkan tingkah laku paparan yang diingini.
• *paparan: sebaris: A Penggodaman CSS "selamat" yang menyasarkan IE7 dan versi terdahulu.
• zum: 1: Menyediakan hasLayout dalam IE6/7, yang diperlukan untuk blok sebaris berfungsi secara konsisten.

Nota Tambahan:

• Penyelesaian ini mengekalkan CSS yang sah, terutamanya apabila digunakan bersama dengan khusus vendor awalan.
• Untuk maklumat lanjut mengenai paparan: blok sebaris dan selok-beloknya, rujuk dokumentasi yang berkaitan.

Atas ialah kandungan terperinci Mengapakah `display: inline-block` Memerlukan Hack untuk Internet Explorer 6 dan 7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!