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

Mencapai Pemisah Baris dalam CSS Tanpa Teg HTML

Dalam reka bentuk web, pemisah baris adalah penting untuk mempersembahkan teks dalam cara yang teratur dan boleh dibaca. Secara tradisinya,
tag telah digunakan untuk membuat pemisah baris. Walau bagaimanapun, terdapat keadaan apabila adalah wajar untuk mencapai output yang sama tanpa menggunakan
.

Masalah:

Bagaimanakah kita boleh membuat pemisah baris dalam CSS tanpa menggunakan
tag? Pertimbangkan contoh berikut:

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

Kod ini menghasilkan output berikut:

hello
How are you

Penyelesaian:

Untuk mencapai output yang sama tanpa menggunakan
, sifat CSS white-space: pre; boleh digunakan. Sifat ini mengarahkan penyemak imbas untuk menganggap kandungan elemen sebagai teks yang dipraformat, mengekalkan baris baharu.

Dalam contoh berikut, kami menggunakan sifat ruang putih: pre; pada

elemen:

p {
  white-space: pre;
}

<p>hello 
How are you</p>

Kod ini akan menghasilkan gelagat pemecah baris yang sama seperti
tag:

hello
How are you

Dengan menggunakan white-space: pre;, kita boleh membuat pemisah baris dalam CSS tanpa memerlukan penanda tambahan, memudahkan kod dan mengekalkan pendekatan yang lebih semantik.

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