Bagaimanakah Saya Boleh Mengawal Jarak Mendatar Antara Peluru dan Senarai Item dalam CSS?

Mengawal Ruang Mendatar Antara Peluru dan

dalam CSS

Apabila menggunakan senarai tersusun atau tidak tersusun (

atau
), anda mungkin ingin mengubah suai jumlah ruang mendatar yang diduduki peluru sebelum
• yang berkaitan. Secara lalai, titik tumpu membuat lekukan yang konsisten. Walau bagaimanapun, anda boleh menyesuaikan jarak ini mengikut keperluan.

  Untuk menangani pertanyaan anda, jawapannya terletak pada menggunakan elemen span dengan kedudukan relatif. Lampirkan kandungan dalam rentang dan gunakan sifat "kiri" untuk melaraskan jarak.

  li span {
    position: relative;
    left: -10px;  /* Adjust this value to control the spacing */
  }

  Sebagai contoh, untuk mencipta ruang tambahan sebelum teks, anda boleh melaksanakan perkara berikut:

  <ul>
    <li><span>item 1</span></li>
    <li><span>item 2</span></li>
    <li><span>item 3</span></li>
  </ul>

  Pendekatan ini membolehkan anda memperhalusi jarak mendatar antara peluru dan

• elemen, memberikan fleksibiliti yang lebih besar dalam reka bentuk senarai anda.

  Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengawal Jarak Mendatar Antara Peluru dan Senarai Item dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!