Bagaimana untuk menetapkan ruang dalam html (dua kaedah)

Dalam HTML, terdapat dua cara untuk menggunakan ruang. Yang pertama ialah menggunakan entiti aksara khas untuk mewakili ruang; yang kedua ialah menggunakan sifat CSS untuk menetapkan selang ruang putih.

Kaedah 1: Gunakan entiti aksara khas untuk mewakili ruang

Terdapat beberapa entiti aksara khas dalam HTML yang boleh digunakan untuk mewakili ruang. Yang paling biasa digunakan ialah dua berikut:

1. : Ruang biasa

Jika anda memasukkan ruang biasa dalam HTML, tiada apa yang akan dipaparkan pada halaman. Jika anda ingin menjana ruang dalam HTML, anda perlu menggunakan entiti aksara khas .

Sebagai contoh, jika anda ingin menjana ruang antara dua perkataan dalam HTML:

<p>hello world</p>

Ini akan menjana ruang antara "hello" dan "world".

2. : Tiada ruang baris

Kadangkala anda perlu memasukkan rentetan yang lebih panjang dalam sel Jika rentetan melebihi lebar sel, ia akan terputus baris secara automatik. Untuk mengelakkan pemecahan baris di tempat tertentu, entiti watak khas perlu digunakan.

Contohnya, jika anda ingin memasukkan rentetan panjang dalam sel:

<td>hello &#160;world</td>

Dengan cara ini, ruang berterusan antara rentetan "hello" dan "dunia" akan Menggabungkan ini rentetan bersama tanpa putus baris.

Kaedah 2: Gunakan sifat CSS untuk menetapkan ruang putih

CSS menyediakan beberapa sifat yang boleh digunakan untuk menetapkan ruang putih.

1. margin

margin ialah jidar antara unsur, yang boleh digunakan untuk menetapkan ruang putih.

Sebagai contoh, jika anda ingin menambah 10 piksel ruang putih antara dua perenggan:

p {
    margin-bottom: 10px;
}

Ini akan menambah 10 piksel ruang putih di bawah setiap perenggan.

2. lapik

lapik ialah pelapik elemen, yang boleh digunakan untuk menetapkan pelapik elemen.

Sebagai contoh, jika anda ingin menambah 10 piksel ruang putih di sekeliling elemen:

div {
    padding: 10px;
}

Ini akan menambah 10 piksel padding di sekeliling elemen, sekali gus membentuk selang kosong.

3. tinggi garisan

tinggi garis ialah ketinggian garisan, yang boleh digunakan untuk menetapkan jarak antara baris.

Contohnya, jika anda ingin menambah ruang antara dua baris dalam perenggan:

p {
    line-height: 2;
}

Ini akan meningkatkan ruang antara dua baris dalam perenggan kepada gandaan asal.

Ringkasan:

Kedua-dua kaedah di atas boleh digunakan untuk menetapkan ruang putih dalam HTML Kaedah mana yang hendak digunakan bergantung pada keperluan sebenar. Jika ia hanya tetapan ruang yang mudah, ia akan menjadi lebih mudah untuk menggunakan entiti aksara khas jika anda perlu menetapkan selang yang kompleks, anda boleh menggunakan sifat CSS untuk mencapainya.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan ruang dalam html (dua kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!