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
Lepaskan: 2024-12-03 07:51:11
asal
751 orang telah melayarinya

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/>';
}
Salin selepas log masuk

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

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

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