Bagaimana untuk Memusatkan Senarai Tidak Tertib Tanpa Menggunakan Div Induk?

Memusatkan Senarai Tidak Tertib Tanpa Pembungkus Induk

Soalan ini menangani cabaran untuk memusatkan senarai tidak tertib (

) tanpa bergantung pada elemen div induk. Matlamatnya adalah untuk mengekalkan penjajaran kiri dalam item senarai (
• ).

  Penyelesaian:

  Kod CSS berikut secara berkesan memusatkan senarai sambil mengekalkan penjajaran kiri untuk item senarai:

  ul {
    display: table;
    margin: 0 auto;
  }

  Penjelasan:

  Paparan tetapan: jadual mengubah senarai menjadi jadual, yang membolehkannya mengisi lebar yang tersedia. Jidar: 0 sifat auto memusatkan jadual secara automatik, dan dengan itu senarai, pada halaman.

  Contoh:

  <code class="html"><ul>
    <li>56456456</li>
    <li>4564564564564649999999999999999999999999999996</li>
    <li>45645</li>
  </ul></code>

  Kesimpulan:

  Penyelesaian ini menangani keperluan untuk memusatkan senarai tidak tersusun tanpa membuat pembalut tambahan dalam HTML. Dengan menggunakan paparan: jadual dan jidar: 0 sifat auto, ia menjajarkan senarai secara mendatar di tengah sambil mengekalkan penjajaran kiri itemnya.

  Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Senarai Tidak Tertib Tanpa Menggunakan Div Induk?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!