Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memasukkan Pemisah Baris Sebelum Elemen HTML Hanya Menggunakan CSS?

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

Linda Hamilton
Linda Hamiltonasal
2024-12-03 07:51:11733semak imbas

How Can I Insert Line Breaks Before HTML Elements Using Only CSS?

Memasukkan Pemisah Baris dalam Elemen HTML dengan CSS

Memasukkan pemisah baris sebelum elemen HTML menggunakan sifat kandungan CSS. Percubaan untuk menggunakan teg HTML seperti
dalam sifat kandungan, seperti yang dilihat dalam contoh berikut, tidak akan berfungsi:

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

Untuk mencapai hasil yang diingini, seseorang mesti menggunakan jujukan melarikan diri A dalam kandungan unsur pseudo yang dijana. Menurut spesifikasi CSS2, A mewakili penghujung baris.

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

Selain itu, mungkin perlu memasukkan ruang putih: pra; kepada gaya elemen untuk mengelakkan sebarang ruang mengekor daripada dialih keluar.

Perhatikan bahawa A menandakan penghujung baris.

Satu lagi pendekatan untuk memasukkan pemisah baris ialah menggunakan CSS berikut:

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

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

Kenyataan:
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