Bagaimanakah Saya Boleh Memasukkan Pemisah Baris Sebelum Elemen Hanya Menggunakan CSS?

Mencipta Line Break dengan CSS

Isu:

Memasukkan barisan sebelum elemen menggunakan HTML <br/> tag adalah mudah. Walau bagaimanapun, menggunakan CSS untuk mencapai kesan yang sama memberikan cabaran.

Penyelesaian:

Menggunakan sifat kandungan CSS, adalah mungkin untuk memasukkan pemisah baris sebelum elemen . Caranya terletak pada menggunakan urutan melarikan diri A dalam kandungan yang dijana.

Kod:

#restart:before { content: '\A'; }

Pertimbangan:

Dalam beberapa kes, menambah white-space:pre; kepada elemen induk (#restart) mungkin diperlukan. Ini memaksa penyemak imbas untuk mengekalkan aksara ruang putih.

Pendekatan Alternatif:

Pendekatan alternatif melibatkan penggunaan aksara ruang (' ') dan menetapkannya sebagai blok elemen:

:before { content: ' '; display: block; }

Nota:

• A menandakan penghujung baris.
• Pendekatan alternatif menambah elemen blok kosong , yang mungkin tidak sesuai untuk semua aplikasi.

Tambahan Wawasan:

Untuk mendapatkan maklumat lanjut tentang teknik ini, rujuk spesifikasi CSS2.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memasukkan Pemisah Baris Sebelum Elemen Hanya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!