Bagaimana untuk Mengalih Keluar Jarak Tambahan Sekitar Perenggan dalam HTML?-tutorial css-php.cn

Bagaimana untuk Mengalih Keluar Jarak Tambahan Sekitar Perenggan dalam HTML?

Susan Sarandon

Lepaskan： 2024-11-07 19:26:02

asal

676 orang telah melayarinya

How to Remove Extra Spacing Around Paragraphs in HTML?

Cara Mengeluarkan Ruang di atas dan di bawah
Teg HTML

Apabila bekerja dengan HTML, anda mungkin menghadapi situasi di mana anda ingin mengalih keluar jarak lalai di atas dan di bawah a

tag. Jarak ini boleh mencipta ruang putih yang tidak diingini apabila

tag mengandungi hanya satu baris teks.

Memahami Isu

elemen biasanya mempunyai margin lalai dan padding. Jidar dan pelapik ini menambah ruang tambahan di sekeliling teks perenggan, menghasilkan jarak yang boleh diperhatikan.

Penyelesaian

Untuk mengalih keluar jarak ini, anda boleh mengatasi gaya lalai dengan menambahkan peraturan CSS tersuai. Begini cara anda boleh melakukannya:

Buat Peraturan CSS: Dalam helaian gaya CSS anda, buat penyasaran peraturan
elemen dalam
tag.
Tetapkan Margin dan Padding kepada Sifar: Di dalam peraturan CSS, tetapkan margin dan padding kepada sifar. Ini akan menghapuskan ruang tambahan di sekeliling teks perenggan.

Berikut ialah contoh peraturan CSS yang boleh anda gunakan:

li p {
    margin: 0;
    padding: 0;
}

Salin selepas log masuk

Pertimbangan Semantik

Ia perlu diperhatikan bahawa secara semantik, jarang sekali mempunyai senarai perenggan. Jika boleh, pertimbangkan untuk menggunakan struktur HTML yang lebih sesuai, seperti

atau , untuk kandungan anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Jarak Tambahan Sekitar Perenggan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!