Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kod pemisah baris css?

Apakah kod pemisah baris css?

青灯夜游
青灯夜游asal
2021-07-27 16:54:1719473semak imbas

Kod pemisah baris css: 1. Pernyataan "patah perkataan: pemecahan perkataan: normal;" boleh merealisasikan pembungkusan baris automatik; kenyataan boleh merealisasikan kata-kata Inggeris paksa bungkus.

Apakah kod pemisah baris css?

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!

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