Rumah > Artikel > hujung hadapan web > Bagaimana untuk Memusatkan Senarai Tidak Tertib Tanpa Div Induk?

Bagaimana untuk Memusatkan Senarai Tidak Tertib Tanpa Div Induk?

Mary-Kate Olsenasal: 2024-10-31 08:17:30652semak imbas

How to Center an Unordered List Without a Parent Div?

Memusatkan Senarai Tidak Tertib dengan Item Senarai Jajaran Kiri

Dalam reka bentuk web, keperluan untuk memusatkan senarai tidak tersusun sambil mengekalkan penjajaran kiri untuk item senarai sering timbul. Biasanya, ini dicapai menggunakan pembungkus

dengan text-align: center; dan penggayaan blok sebaris pada

Untuk mencapai matlamat ini, kaedah bukan konvensional mesti digunakan. Satu penyelesaian ialah memanfaatkan paparan: jadual; harta benda. Ia menukarkan

Berikut ialah coretan kod untuk penyelesaian ini:

<code class="CSS">ul {
  display: table;
  margin: 0 auto;
}</code>

Contoh HTML:

<code class="HTML"><html>

<body>
  <ul>
    <li>56456456</li>
    <li>4564564564564649999999999999999999999999999996</li>
    <li>45645</li>
  </ul>
</body>

</html></code>

Kaedah ini berkesan memusatkan

elemen, menghapuskan keperluan untuk pembalut
. Ia merupakan penyelesaian yang mudah dan boleh dipercayai untuk menjajarkan senarai tidak tersusun dalam reka letak yang kompleks.
Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Senarai Tidak Tertib Tanpa Div Induk?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
html for while auto using Property this display margin ul table li
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：CSS Flexbox vs Gridbox: Perbandingan TerperinciArtikel seterusnya：CSS Flexbox vs Gridbox: Perbandingan Terperinci

Artikel berkaitan

Lihat lagi