Bagaimana untuk Memaparkan Item Senarai `` Secara Mendatar Menggunakan CSS?

Cara Membuat <ul> Paparan dalam Baris Mendatar

Dalam HTML, item senarai biasanya dipaparkan sebagai elemen blok, yang bermaksud ia kelihatan satu di atas yang lain. Walau bagaimanapun, anda boleh menggunakan CSS untuk menukar sifat paparan item senarai kepada sebaris, yang akan menyebabkan item tersebut dipaparkan sebelah menyebelah pada baris yang sama.

Untuk menukar sifat paparan item senarai, anda boleh gunakan peraturan CSS berikut:

li {
    display: inline;
}

Anda juga boleh menggunakan pemilih konteks untuk menggunakan sifat paparan sebaris untuk menyenaraikan item dalam <ul> elemen, seperti ini:

#ul-id li {
    display: inline;
}

Berikut ialah contoh cara menggunakan sifat paparan sebaris untuk membuat <ul> paparan dalam baris mendatar:

<ul>

#ul-id {
    display: inline;
}

#ul-id li {
    display: inline;
}

Kod ini akan menghasilkan output berikut:

Item 1 Item 2 Item 3

Seperti yang anda boleh lihat, item senarai kini dipaparkan dalam mendatar baris.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Item Senarai `` Secara Mendatar Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!