Bagaimanakah CSS Memasukkan Pemisah Baris Sebelum Elemen?

Bolehkah CSS Memasukkan Pemisah Baris sebelum Elemen?

Memasukkan pemisah baris sebelum elemen menggunakan sifat kandungan CSS mungkin kelihatan seperti tugas yang mustahil. Percubaan untuk menggunakan "
" dalam sifat kandungan, seperti yang dilihat di bawah, tidak akan menghasilkan hasil yang diingini:

#restart:before { content: '<br/>'; }

Walau bagaimanapun, terdapat kaedah untuk mencapai ini menggunakan urutan pelarian A khas dalam kandungan terjana unsur pseudo.

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

Untuk memastikan pemformatan yang betul, mungkin perlu memasukkan CSS tambahan peraturan:

#restart { white-space: pre; }

Jujukan melarikan diri A menunjukkan penghujung baris, dengan berkesan menyebabkan pemisah baris muncul sebelum elemen yang disasarkan, #restart.

Sebagai alternatif, pendekatan lain melibatkan penambahan watak ruang sebagai kandungan dan menetapkan paparannya untuk menyekat:

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

Ini akan mewujudkan ruang kosong yang muncul pada baris berasingan, bertindak sebagai garis rehat.

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