Rumah > Artikel > hujung hadapan web > Bolehkah Anda Memaksa Pemisahan Baris Selepas Elemen Hanya Menggunakan CSS?
Mencipta Line Break dengan CSS
Memerlukan pemisah baris, tetapi tidak mahu menambah teg HTML tambahan? CSS membantu anda! Begini cara untuk mencapai pemisah baris selepas elemen tertentu seperti
Soalan:
Bolehkah anda memaksa pemisah baris selepas elemen menggunakan CSS sahaja , tanpa menambah tag HTML?
Cabaran:
Andaikan kita mempunyai
<code class="html"><li> Text, text, text, text, text. <h4>Sub header</h4> Text, text, text, text, text. </li></code>
Kami mahukan pemisah baris selepas
Penyelesaian:
Dengan beberapa CSS yang bijak, kita boleh mencapai ini:
<code class="css">h4 { display: inline; } h4:after { content: "\a"; white-space: pre; }</code>
Penjelasan:
Contoh:
Lihat biola ini untuk demo langsung: http://jsfiddle.net/Bb2d7 /
Atas ialah kandungan terperinci Bolehkah Anda Memaksa Pemisahan Baris Selepas Elemen Hanya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!