Bagaimanakah Saya Boleh Membetulkan Isu Keserasian `display: inline-block;` dalam IE7?

Paparan IE7: Pembetulan Keserasian Blok Sebaris

IE7 menimbulkan cabaran apabila ia datang untuk melaksanakan paparan: blok sebaris; harta benda. Artikel ini menangani isu tersebut dan menyediakan penyelesaian.

Untuk elemen selain daripada elemen sebaris secara semula jadi, IE7 memerlukan penggodaman CSS khusus untuk mencapai gelagat sekatan sebaris. CSS berikut akan melakukan silap mata:

display: inline-block;
*display: inline;
zoom: 1;

Godam ini termasuk tiga komponen:

• paparan: inline-block: Ini ialah sifat paparan yang disasarkan .
• *paparan: sebaris: Godam sifat bintang ini memastikan paparan ditetapkan kepada sebaris dalam IE7 dan ke bawah.
• zum: 1: Ini mencetuskan gelagat hasLayout, yang penting untuk blok sebaris berfungsi dengan betul dalam IE7.

Perhatikan bahawa ini CSS boleh menyebabkan isu pengesahan dan kemungkinan ketidakkonsistenan penggayaan. Oleh itu, pertimbangkan untuk menggunakan helaian gaya khusus IE7 melalui ulasan bersyarat:

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

Dengan melaksanakan penggodaman ini, anda boleh mengatasi paparan: inline-block; had keserasian dalam IE7 dan memastikan pemaparan halaman web anda yang konsisten merentas penyemak imbas yang berbeza.

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