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

CSS: Mengawal Jarak Antara Peluru dan Item Senarai

Masalah:

Melaraskan jarak mendatar antara peluru dan pelurunya sepadan

elemen dalam senarai tersusun atau tidak tersusun menimbulkan cabaran. Untuk menggambarkan, pertimbangkan perkara berikut:

* Some list text goes
   here.

Hasil yang Diingini:

Ubah suai ruang untuk dapatkan:

*         Some list text goes
          here.

atau

*Some list text goes
 here.

Penyelesaian:

Sertakan kandungan item senarai dalam elemen span dengan kedudukan relatif. Sifat kiri rentang boleh dimanipulasi untuk mengawal jarak yang diingini.

li span {
  position: relative;
  left: -10px;
}

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

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