Mengapa Sekatan Sebaris Tidak Berfungsi dengan Baik dalam IE8?-tutorial css-php.cn

Mengapa Sekatan Sebaris Tidak Berfungsi dengan Baik dalam IE8?

Susan Sarandon

Lepaskan： 2024-10-29 05:59:02

asal

582 orang telah melayarinya

Why Doesn't Inline-Block Work Properly in IE8?

Paparan IE8: Ralat Inline-block Diselesaikan

Dalam IE8, walaupun terdapat sokongan yang jelas untuk inline-block, sesetengah pengguna menghadapi masalah dengan inline paparan. Untuk menyelesaikan masalah ini, pastikan doctype diisytiharkan sebelum teg HTML.

Kod berikut menunjukkan penggunaan inline-block dalam IE8:

<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

Kod ini bertujuan untuk menyelaraskan rentang dan menyenaraikan elemen sebaris, seperti yang dilihat dalam penyemak imbas seperti Google Chrome. Walau bagaimanapun, pengguna IE8 mungkin mengalami penjajaran yang salah kerana kekurangan doctype. Untuk memastikan paparan yang betul dalam IE8, tambahkan pengisytiharan berikut sebagai baris pertama kod anda:

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

Salin selepas log masuk

Doctype ini memberitahu IE8 bahawa dokumen itu mematuhi standard HTML5, menyelesaikan isu paparan dan menjajarkan elemen dengan betul seperti yang dimaksudkan.

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