Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mencipta Pemisah Baris dalam CSS Tanpa Menggunakan ``?

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

Barbara Streisand
Lepaskan: 2024-12-16 15:56:11
asal
496 orang telah melayarinya

How Can I Create Line Breaks in CSS Without Using ``?

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>
Salin selepas log masuk

Output:

hello
How are you
Salin selepas log masuk
Salin selepas log masuk

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;
}
Salin selepas log masuk
<p>hello
How are you</p>
Salin selepas log masuk

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
Salin selepas log masuk
Salin selepas log masuk

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!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan