Bagaimana untuk Membetulkan Baris Kedua Tidak Sejajar dalam Senarai Tidak Tertib Selepas Tetapan Semula CSS?

Menyelesaikan Penjajaran Baris Kedua dalam Senarai ul selepas Tetapan Semula CSS

Selepas menggunakan tetapan semula CSS, anda mungkin menghadapi masalah di mana baris kedua teks dalam item senarai bermula di bawah peluru. Penjajaran salah ini boleh diselesaikan melalui CSS dengan melaraskan sifat kedudukan gaya senarai.

Penyelesaian:

Sifat kedudukan gaya senarai menentukan sama ada titik tumpu muncul di dalam atau di luar senarai. Secara lalai, ia ditetapkan kepada "di dalam", menyebabkan teks membungkus peluru. Menukarnya kepada "di luar" memaksa teks untuk diselaraskan dengan senarai yang lain.

Walau bagaimanapun, ini boleh menyebabkan salah penjajaran antara titik dan teks di luar senarai. Untuk menangani perkara ini, gunakan margin pada item senarai:

ul li {
  list-style-position: outside;
  margin-left: 1em;
}

Penyelesaian Diperbaiki (Kemas Kini Mac 2014):

ul {
  list-style-position: outside;
  margin-left: 1em;
}

• Penyelesaian ini menggunakan semua sifat pada elemen ul .
• unit digunakan untuk lekukan, memastikan platform merentas yang konsisten jarak.
• Komen yang jelas dan ringkas menerangkan tujuan setiap harta benda.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Baris Kedua Tidak Sejajar dalam Senarai Tidak Tertib Selepas Tetapan Semula CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!