Bagaimanakah Saya Boleh Mencipta Pemisah Baris dalam CSS Tanpa Menggunakan ``?

Mencapai Line Breaks Tanpa
dalam CSS

Dalam HTML,
elemen biasanya digunakan untuk pemisah baris. Walau bagaimanapun, terdapat situasi di mana kita mungkin menginginkan kaedah alternatif untuk mencapai hasil yang serupa tanpa menggunakan
.

Contoh Line Break Menggunakan

<p>hello <br> How are you</p>

Output:

hello
How are you

Pendekatan Alternatif Menggunakan CSS

Untuk mencapai pemisah baris tanpa
, kita boleh menggunakan ruang putih sifat CSS: pra. Sifat ini mereplikasi tingkah laku elemen, mengekalkan aksara ruang putih, termasuk baris baharu.

p {
  white-space: pre;
}

<p>hello
How are you</p>

Kesan ruang putih: pra

Ruang putih: sifat pra mengarahkan penyemak imbas untuk mengekalkan aksara ruang putih seperti yang ditulis dalam HTML. Dalam kes ini, baris baharu antara "hello" dan "Apa khabar" dikekalkan, mengakibatkan pemutusan baris.

Output Pendekatan Alternatif

hello
How are you

Kaedah ini menyediakan cara yang mudah untuk membuat pemisah baris tanpa menambah penanda yang tidak perlu pada HTML. Ia amat berguna dalam situasi di mana pemisah baris diingini tetapi elemen semantik seperti
tidak sesuai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Pemisah Baris dalam CSS Tanpa Menggunakan ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!