Bagaimana untuk Menghapuskan Lekukan yang Tidak Diingini dalam Senarai Tidak Tertib Terbungkus dengan CSS?

Mengalih keluar Lekukan Senarai Tidak Tertib dengan CSS

Apabila teks dalam senarai tidak tersusun melilit, inden yang tidak diingini mungkin muncul. Untuk menangani isu ini, cuba langkah berikut:

1. Keluarkan Inden

Padamkan pelapik lalai dan inden gaya senarai:

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

2. Kurangkan Ketinggian Garisan

Jika perlu, kurangkan ketinggian garisan dengan menetapkannya sama dengan saiz fon, atau kurangkan sedikit:

ul li {
    line-height: 1em;
}

3. Lumpuhkan Float

Alih keluar sebarang sifat apungan yang digunakan pada item senarai, pastikan ia memaparkan sekatan sebaris sebaliknya:

ul li {
    float: none;
    display: inline-block;
}

4. Laraskan Saiz Fon

Sebagai langkah terakhir, laraskan saiz fon kepada penampilan yang anda inginkan.

Contoh

Pertimbangkan kod berikut:

<div>

#info {
    ...
}

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

#info ul li {
    float: none;
    display: inline-block;
    line-height: 1em;
}

Gabungan teknik ini harus menghilangkan lekukan daripada garisan yang dibalut dalam senarai yang tidak teratur, memastikan penampilan yang bersih dan profesional.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Lekukan yang Tidak Diingini dalam Senarai Tidak Tertib Terbungkus dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!