简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

Bagaimana untuk Mengalih Keluar Ruang Putih Menegak Sekitar Teg `` dalam Senarai HTML?

Mary-Kate Olsen
Lepaskan： 2024-11-07 11:17:02
asal
985 orang telah melayarinya

How to Remove Vertical Whitespace Around `` Tags in HTML Lists?

Menghapuskan Ruang Putih Menegak Sekitar

Teg dalam HTML

Dalam HTML,

elemen sering mempamerkan ruang putih menegak di atas dan di bawahnya, menyebabkan jurang yang ketara antara elemen senarai. Tingkah laku ini, bertujuan untuk perenggan, boleh menjadi tidak diingini dalam senario tertentu.

Penyelesaian:

Untuk mengalih keluar ruang putih, CSS boleh digunakan untuk menetapkan jidar dan pelapik

elemen dalam

  • tag kepada sifar:

    li p {
    margin: 0;
    padding: 0;
}
    Salin selepas log masuk

    Peraturan CSS ini menyasarkan

    elemen dalam

  • tag, dengan berkesan menghapuskan sebarang jidar atau padding yang mungkin menyebabkan ruang putih.

    Pertimbangan Semantik:

    Walaupun penyelesaian ini berkesan mengalih keluar ruang putih, perlu diperhatikan bahawa ia mungkin tidak ideal dari segi semantik.

    elemen biasanya digunakan untuk perenggan, dan mempunyai senarai perenggan mungkin bukan tujuan yang dimaksudkan. Anda boleh menggunakan elemen lain, seperti

    atau , untuk mencapai kefungsian yang diingini sambil mengekalkan kejelasan semantik.

    Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Ruang Putih Menegak Sekitar Teg `` dalam Senarai HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

    • sumber：php.cn
    Artikel sebelumnya：Bolehkah anda menggunakan gaya pada elemen pseudo dengan pemilih universal? Artikel seterusnya：Bagaimanakah Saya Boleh Menyesuaikan Panjang Garis Bawah dan Kedudukan Teks dengan Kecerunan CSS?
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Isu terkini
    function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
    daripada 2024-04-29 11:01:01
    0
    2
    1777
    Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
    daripada 2024-04-23 00:22:19
    0
    10
    1919
    Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
    daripada 2024-04-19 15:37:47
    0
    1
    1633
    Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
    daripada 2024-04-18 23:52:34
    0
    1
    1541
    Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
    daripada 2024-04-16 10:10:18
    0
    0
    1578
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！