Bagaimana untuk menengahkan daftar

Belajar bagaimana untuk menengahkan daftar menggunakan CSS.

daftar di tengah

  • 咖啡
  • 茶
  • 可乐

atur daftar HTML di tengah

Langkah pertama - Tambahkan HTML:

pindahkan <ul> elemen diselubungi dalam elemen wadah, seperti <div>：

<div class="container">
  <ul class="myUL">
    <li>咖啡</li>
    <li>茶</li>
    <li>可乐</li>
  </ul>
</div>

Langkah kedua - Tambahkan CSS:

pindahkan <div> elemen diatur di tengah, dan <ul> pameran diganti kepada inline-block。

atau, anda boleh menarik bilah daftar kiri untuk mendapatkan paparan yang lebih rapi:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

Cuba sendiri

Halaman yang berkaitan

Panduan:Pembenahan CSS