Bagaimanakah Saya Boleh Membetulkan Ketidakserasian `display: inline-block` dalam Internet Explorer 7?

Paparan IE7: Inline-block Incompatiability

Internet Explorer 7 gagal mengecam paparan: inline-block; harta, terutamanya untuk elemen yang tidak selaras secara semula jadi. Untuk menyelesaikan isu ini, gunakan penggodaman CSS khusus IE7:

.frame-header {
    height:25px;
    display:inline-block;   
    *display: inline;
    zoom: 1;
}

Penggodaman terdiri daripada tiga bahagian:

• *paparan: sebaris; - Ini mengatasi sifat paparan untuk IE7 dan lebih rendah, menetapkannya kepada sebaris.
• zum: 1; - Mencetuskan gelagat hasLayout, yang penting untuk kefungsian blok sebaris.

Untuk mengelakkan kemungkinan konflik dengan penyemak imbas lain, anda dinasihatkan untuk menggunakan helaian gaya yang berasingan untuk IE7 melalui ulasan bersyarat:

<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Ketidakserasian `display: inline-block` dalam Internet Explorer 7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!