Mengapa Paparan Inline-Block Tidak Berfungsi dalam Internet Explorer 8?-tutorial css-php.cn

Mengapa Paparan Inline-Block Tidak Berfungsi dalam Internet Explorer 8?

Mary-Kate Olsen

Lepaskan： 2024-10-31 23:01:29

asal

605 orang telah melayarinya

Why is Inline-Block Display Not Working in Internet Explorer 8?

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">

Salin selepas log masuk

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>

Salin selepas log masuk

<code class="html"><span>i would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul></code>

Salin selepas log masuk

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!