Mengapa Paparan Blok Sebaris Saya Tidak Berfungsi dalam IE8?-tutorial css-php.cn

Mengapa Paparan Blok Sebaris Saya Tidak Berfungsi dalam IE8?

Patricia Arquette

Lepaskan： 2024-10-29 21:35:02

asal

745 orang telah melayarinya

Why Is My Inline-Block Display Not Working in IE8?

IE8: Menyelesaikan Masalah Sekatan Sebaris Paparan

Dalam bidang pembangunan web, bercita-cita untuk mencapai reka letak visual tertentu menimbulkan cabaran yang sama untuk pengaturcara. Satu aspek proses ini melibatkan memastikan penjajaran elemen yang betul, terutamanya dalam pelbagai persekitaran penyemak imbas. Satu kaedah penentududukan elemen yang sering menimbulkan kekecewaan dalam kalangan pembangun ialah paparan blok sebaris.

Masalah:

Pertimbangkan coretan kod berikut:

<style type="text/css" media="all">
  span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
  }   
</style>

<span>i would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul>

Salin selepas log masuk

Hasil yang diingini dalam IE8 ialah menyelaraskan elemen sebaris. Walau bagaimanapun, walaupun IE8 menyokong blok sebaris yang dikatakan, percubaan untuk mencapai penjajaran ini telah terbukti tidak berjaya.

Penyelesaian:

Anehnya, penyebabnya mungkin tidak terletak pada baris sebaris. -pengisytiharan blok itu sendiri. Sebaliknya, doctype yang hilang berkemungkinan menghalang tingkah laku paparan yang betul dalam IE8. Untuk membetulkan isu ini, cuma tambahkan pengisytiharan doctype berikut sebagai baris pertama HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Salin selepas log masuk

Penjelasan:

Pengisytiharan doctype mengarahkan penyemak imbas untuk beroperasi dalam mod tertentu, memastikan keserasian dengan spesifikasi HTML yang ditentukan. Tanpa doctype, IE8 mungkin menggunakan mod keserasian lalainya, yang berpotensi menyebabkan paparan blok sebaris secara tidak betul. Dengan mentakrifkan mod pemaparan secara eksplisit menggunakan doctype, kami mengatasi gelagat ini dan mendayakan penjajaran blok sebaris yang diingini.

Atas ialah kandungan terperinci Mengapa Paparan Blok Sebaris Saya Tidak Berfungsi dalam IE8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!