Bagaimanakah Saya Boleh Mengalih Keluar Peluru daripada Senarai Tidak Tertib Menggunakan CSS?

Mengalih keluar Bulet daripada Senarai Tidak Tersusun

Senarai tidak tersusun ialah cara yang bagus untuk mempersembahkan item dengan cara yang jelas dan ringkas. Walau bagaimanapun, titik peluru yang biasanya mengiringi senarai ini kadangkala tidak diperlukan atau mengganggu. Nasib baik, adalah mungkin untuk mengalih keluar peluru ini sementara masih mengekalkan struktur senarai yang teratur.

Mengubah suai Gaya CSS

Kunci untuk mengalih keluar peluru daripada senarai yang tidak tersusun terletak pada mengubah suai gaya CSS yang dikaitkan dengan elemen induk senarai, yang biasanya merupakan

tag. Dengan menetapkan sifat jenis gaya senarai kepada "tiada", anda boleh menghapuskan paparan peluru dengan berkesan.

ul {
  list-style-type: none;
}

Salin selepas log masuk

Pertimbangan CSS Tambahan

Selain mengalih keluar peluru, anda juga mungkin mahu melaraskan tetapan padding dan margin item senarai untuk meningkatkan lagi penampilannya. Menetapkan pelapik: 0 dan jidar: 0 akan mengalih keluar sebarang lekukan atau jarak yang biasanya dikaitkan dengan senarai tidak tersusun.

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

Salin selepas log masuk

Salin selepas log masuk

Contoh

Coretan kod berikut menunjukkan cara untuk melaksanakan pengubahsuaian CSS yang dibincangkan di atas:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Salin selepas log masuk

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

Salin selepas log masuk

Salin selepas log masuk

Dengan menggunakan gaya CSS ini, anda akan membuat senarai tidak tersusun tanpa sebarang titik, menghasilkan pembentangan item senarai yang bersih dan teratur.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Peluru daripada Senarai Tidak Tertib Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!