Mengapa Terdapat Margin yang Tidak Diingini dalam Item Senarai Sekatan Sebaris Saya?

Margin Tidak Diingini dalam Item Senarai Blok Sebaris

Dalam senario di mana susun atur HTML mengandungi senarai elemen blok sebaris, anda boleh menemui margin yang tidak diingini muncul di sekitar item senarai. Untuk menyelesaikan isu ini, adalah penting untuk memahami punca dan mengenal pasti penyelesaian yang sesuai.

Punca Margin:

Masalah timbul akibat penggunaan paparan: blok sebaris pada item senarai. Elemen blok sebaris secara semula jadi mencipta ruang putih, menghasilkan margin 4px di sebelah kanan setiap elemen.

Penyelesaian 1: Tukar kepada terapung: kiri;

Tukar sahaja paparan harta untuk terapung: dibiarkan untuk item senarai akan menghapuskan yang tidak diingini margin.

li {
    float: left;
    ...
}

Penyelesaian 2: Gabungkan Tag Item Senarai

Sebagai alternatif, anda boleh mengalih keluar ruang putih dengan menggabungkan tag item senarai pada satu baris.

• first
• first
;li>
first
• first

Penyelesaian 3: Hapuskan Teg Sekat

Pilihan lain ialah menghapuskan teg blok dalam item senarai, memastikan semua kandungan dipaparkan pada satu baris:

• first