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

• nowrap: Teks tidak akan dibalut, teks akan diteruskan pada baris yang sama sehingga teg
  

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