Penyelesaian kepada prestasi berbeza ul di bawah pertukaran Firefox dan IE_Experience

Saya baru-baru ini membuat templat sistem untuk oblog, yang melibatkan ul, jadi saya menyusun artikel ini + gambaran besar ini.
UL ialah teg yang sangat biasa digunakan, tetapi kerana prestasinya yang berbeza di bawah Firefox dan IE, ia membuatkan orang ramai merasakan bahawa ia adalah teg yang sukar dikawal.
Di bawah Firefox, ul mempunyai nilai padding, tetapi tiada nilai margin sebaliknya, di bawah IE, ul mempunyai nilai margin, tetapi tiada nilai padding. [Ia boleh dilihat daripada perbandingan contoh kedua dan ketiga dalam rajah di bawah]
Di bawah Firefox, gaya senarai ul diletakkan di tepi luar kandungan secara lalai. Sudah tentu, gaya senarai boleh ditetapkan ke pinggir dalaman kandungan melalui css.
Melalui pertukaran, tetapan yang sesuai untuk kedua-dua penyemak imbas diperoleh: padding:0 margin:0; Anda juga boleh menetapkan ul kepada padding:0; list-style:none;

<style type="text/css"> body{font-size:12px; margin:20px; line-height:18px;} #box{width:200px; background-color:#CC9; border:#990 1px solid;} #box ul{padding:0; margin:0; list-style:inside decimal; } </style> <div id="box"> <ul> <li>Ini ayat pertama. </li> <li>Ini ayat kedua. </li> <li>Ini ayat ketiga. </li> <li>Ini ayat keempat. </li> <li>Ini ayat kelima. </li> </ul> </div>
[Ctrl+A untuk memilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]