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
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!