Pelaksanaan pemisah baris paksa dan pemisah bukan baris dalam div, td, p dan bekas lain dalam pengeluaran halaman html_HTML/Xhtml_Web

1. Paksa tiada garis putus dan berakhir dengan elipsis.

Salin kod

Kodnya adalah seperti berikut:

Hello kawan, kawan, kawan, kenapa saya tidak nampak kesannya?

2. Pembalut baris automatik CSS

Salin kod

Kodnya adalah seperti berikut:

div{ word-wrap: break-word; word-break: normal;

3 🎜>

Salin Kod

Kod tersebut adalah seperti berikut:

div{word-break:break-all;}

Jika div bersarang, bahagian dalam Jika div lapisan membalut secara automatik mengikut kandungan, anda hanya boleh menetapkan lebar div luar dan white-spance:nowrap.

word-break:break-all dan word-wrap:break-word kedua-duanya membolehkan kandungan bekas seperti DIV untuk membalut secara automatik

Perbezaannya ialah:

1 , word-break:break-all Contohnya, jika div adalah 200px lebar, kandungannya akan secara automatik membalut pada 200px Jika terdapat perkataan Inggeris yang panjang di hujung baris (tahniah, dll.), ia akan memotong perkataan dan ubahkannya menjadi baris Penghujungnya ialah conra (bahagian hujung depan ucapan tahniah), dan baris seterusnya ialah bahagian hujung belakang tulasi (penguat).

2. Contoh word-wrap:break-word adalah sama seperti di atas, tetapi perbezaannya ialah ia akan mengucapkan tahniah kepada keseluruhan perkataan Jika hujung baris tidak cukup lebar untuk dipaparkan keseluruhan perkataan, ia akan secara automatik mengucapkan tahniah kepada keseluruhan perkataan tersebut.

3, word-break;break-all Versi yang disokong: IE5 atau lebih tinggi Tingkah laku ini adalah sama seperti biasa dalam bahasa Asia. Pecah dalam mana-mana perkataan daripada baris teks bahasa bukan Asia juga dibenarkan. Nilai ini sesuai untuk teks Asia yang mengandungi beberapa teks bukan Asia.

WORD-WRAP:break-word Versi yang disokong: IE5.5 atau lebih tinggi Kandungan akan dibalut dalam sempadan.

Jika perlu, pemecahan perkataan juga akan berlaku. Meja dibalut secara automatik untuk mengelakkan regangan.

patah kata : biasa |. simpan-semua

Parameter:

biasa : Mengikut peraturan teks bahasa Asia dan bukan Asia, dibenarkan dalam perkataan Line break

break-all: Tingkah laku ini sama seperti biasa untuk bahasa Asia. Pecah dalam mana-mana perkataan daripada baris teks bahasa bukan Asia juga dibenarkan. Nilai ini sesuai untuk teks Asia yang mengandungi beberapa teks bukan Asia

keep-all : Sama seperti biasa untuk semua bahasa bukan Asia. Untuk bahasa Cina, Korea dan Jepun, patah perkataan tidak dibenarkan. Sintaks sesuai untuk teks bukan Asia yang mengandungi sejumlah kecil teks Asia:

kata-bungkus : normal | break-word

Parameter:

normal : Benarkan kandungan untuk memecahkan sempadan kontena yang ditentukan

kata putus : Kandungan akan pecah dalam sempadan. Jika perlu, pemecahan perkataan juga berlaku Penerangan: Menetapkan atau mendapatkan semula sama ada untuk memutuskan baris apabila garisan semasa melebihi sempadan bekas yang ditentukan. Ciri skrip yang sepadan

ialah wordWrap. Sila lihat buku lain yang saya tulis. Sintaks: susun atur jadual: auto | tetap Parameter: auto: Algoritma automatik lalai. Reka letak akan berdasarkan kandungan setiap sel. Jadual tidak akan dipaparkan sehingga setiap sel dibaca dan dikira. Tetap sangat perlahan: Algoritma reka letak tetap. Dalam algoritma ini, reka letak mendatar hanya berdasarkan pada lebar jadual, lebar sempadan jadual, jarak sel dan lebar lajur, dan tiada kaitan dengan kandungan jadual atau dapatkan semula algoritma reka letak jadual. Atribut skrip yang sepadan ialah tableLayout.

Cadangan: Pengesanan 3C pemecahan perkataan akan menunjukkan masalah, yang juga akan menyebabkan masalah dalam syot kilat Baidu - penyemak imbas OPERA FIREFOX atribut ini tidak menyokong atribut pemecahan perkataan dan boleh digantikan dengan ruang putih:normal ; , supaya pemisah baris boleh betul di bawah FireFox dan IE, dan perlu diperhatikan bahawa ruang antara perkataan tidak boleh digunakan untuk menggantikannya, jika tidak, pemisah baris tidak akan betul.