Rumah >hujung hadapan web >tutorial css >Mengapa Sekatan Sebaris Tidak Berfungsi dengan Baik dalam IE8?
Mengapa Sekatan Sebaris Tidak Berfungsi dengan Baik dalam IE8?
- Susan Sarandonasal
- 2024-10-29 05:59:02546semak imbas
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>
<code class="html"><span>I would want</span> <ul> <li>this</li> <li>on</li> <li>one line.</li> </ul></code>
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>
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!