Rumah >hujung hadapan web >tutorial css >Mengapa Paparan Inline-Block Tidak Berfungsi dalam Internet Explorer 8?
Mengapa Paparan Inline-Block Tidak Berfungsi dalam Internet Explorer 8?
- Mary-Kate Olsenasal
- 2024-10-31 23:01:29758semak imbas
Isu Sekatan Sebaris Berterusan dalam Internet Explorer 8
Walaupun dokumentasi menunjukkan sokongan untuk sekatan sebaris, ia mungkin gagal dipaparkan dengan betul dalam Internet Explorer 8. Isu ini sering nyata apabila cuba menjajarkan elemen secara mendatar.
Untuk menyelesaikan masalah ini, pertimbangkan perkara berikut:
Tetapkan Jenis Dokumen yang Betul
Mulakan dokumen HTML anda dengan pengisytiharan jenis dokumen berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ini akan memastikan bahawa IE8 mematuhi spesifikasi pemaparan yang betul.
Contoh Kod
Pertimbangkan kod CSS dan HTML berikut:
<code class="css">span, ul, ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none;
} </code>
<code class="html"><span>i would want</span> <ul> <li>this</li> <li>on</li> <li>one line.</li> </ul></code>
Dengan adanya pengisytiharan doctype, kod ini seharusnya memaparkan sebaris dalam IE8 seperti yang dijangkakan.
Kesimpulan
Menambahkan pengisytiharan doctype yang betul adalah penting untuk menyelesaikan isu pemaparan blok sebaris dalam Internet Explorer 8. Pelarasan mudah ini memastikan penyemak imbas mentafsir dan menggunakan gaya CSS seperti yang dimaksudkan.
Atas ialah kandungan terperinci Mengapa Paparan Inline-Block Tidak Berfungsi dalam Internet Explorer 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!