Rumah > Artikel > hujung hadapan web > Apakah kod pemisah baris css?
Kod pemisah baris css: 1. Pernyataan "patah perkataan: pemecahan perkataan: normal;" boleh merealisasikan pembungkusan baris automatik; kenyataan boleh merealisasikan kata-kata Inggeris paksa bungkus.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Beberapa cara untuk membalut baris dalam css
Balut baris automatik
div{ word-wrap: break-word; word-break: normal; }
Memaksa pemisah baris dalam perkataan Inggeris
div{ word-break:break-all; }
Paksa tiada garis putus
div{ white-space:nowrap; }
Penjelasan:
1 atribut ruang putih
Bagaimana putih -tetapan atribut ruang mengendalikan elemen kosong.
Atribut ini mengisytiharkan cara mengendalikan aksara ruang putih dalam elemen semasa proses reka letak.
Sintaks:
white-space : normal | pre | nowrap | pre-wrap | pre-line ;
Nilai atribut:
biasa: Lalai. Ruang putih diabaikan oleh penyemak imbas.
pra: Ruang kosong akan dikekalkan oleh penyemak imbas. Ia berkelakuan seperti teg 8ab1222b1e140d8f9d06365d507f2bfc
nowrap: Teks tidak akan dibalut, teks akan diteruskan pada baris yang sama sehingga teg 0c6dc11e160d3b678d68754cc175188a
pra-bungkus: Kekalkan jujukan ruang putih, tetapi balut garisan seperti biasa.
pra-baris: gabungkan jujukan ruang putih tetapi kekalkan baris baharu.
2. Atribut word-wrap
Atribut word-wrap membolehkan perkataan panjang atau alamat URL dibalut ke baris seterusnya.
Sintaks
word-wrap: normal|break-word;
Nilai atribut:
biasa: Pemisahan baris hanya pada titik sempang yang dibenarkan (penyemak imbas mengekalkan pemprosesan lalai).
kata putus: Garis putus di dalam perkataan panjang atau alamat URL.
3. Atribut patah perkataan
Atribut patah perkataan menentukan kaedah pemprosesan pembalut baris automatik.
Sintaks
word-break: normal|break-all|keep-all;
Nilai atribut:
biasa: Gunakan peraturan pemecahan baris lalai penyemak imbas.
pecah-semua: Benarkan pemisah baris dalam perkataan.
simpan-semua: Hanya pemisah baris pada ruang separuh lebar atau sempang.
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah kod pemisah baris css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!