Mengapa Item Senarai Saya\' Baris Kedua Inden Di Bawah Peluru dan bukannya Di Sebelahnya?

Barisan Kedua dalam Inden Item Senarai Selepas Bullet

Dalam soalan ini, pengguna menghadapi kesukaran menjajarkan teks dalam senarai mereka selepas menggunakan CSS set semula. Secara khususnya, baris kedua teks dalam setiap item senarai bermula di bawah titik tumpu, bukannya diendenkan di sebelahnya.

Isu ini timbul disebabkan oleh sifat kedudukan gaya senarai bagi teg li. Secara lalai, sifat ini ditetapkan kepada "di dalam", yang menyebabkan teks membungkus peluru. Untuk menjajarkan teks dengan betul, kita perlu menetapkan kedudukan gaya senarai kepada "di luar."

Walau bagaimanapun, ini menimbulkan masalah baharu: peluru kini berada di luar bekas senarai. Untuk menangani perkara ini, kita boleh menggunakan lekukan tepi kiri pada senarai untuk menjajarkan titik tumpu dengan teks di luar senarai.

Berikut ialah penyelesaian CSS:

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

Kod ini menetapkan kedudukan gaya senarai ke "luar" untuk menjajarkan teks bersama-sama dengan bullet dan menggunakan lekukan pada senarai untuk menyelaraskannya dengan teks lain pada halaman.

Atas ialah kandungan terperinci Mengapa Item Senarai Saya\' Baris Kedua Inden Di Bawah Peluru dan bukannya Di Sebelahnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!