Untuk elemen peringkat blok seperti div dan p Balut baris teks biasa (teks Asia dan teks bukan Asia) mempunyai ruang putih lalai:normal, yang akan membalut secara automatik selepas lebar yang ditentukan
html
Elemen pembalut teks biasa (teks Asia dan bukan Asia) mempunyai white-space:normal lalai, apabila ditakrifkan
css
#wrap{white-space: normal; lebar:200px; #wrap{word -break:break-all; width:200px;}
atau
#wrap{word-wrap:break-word;}
abcdefghijklmnabcdefghijklmnabcdefghi1>1 🎜>Kesan: Pemisahan baris boleh dicapai
2. (Pelayar Firefox) Pemisahan baris aksara Inggeris dan angka Arab yang berterusan Semua versi Firefox tidak menyelesaikan masalah ini. Kami hanya boleh menyembunyikan aksara di luar sempadan atau menambah skrol bar ke bekas
#wrap{word-break:break-all; width:200px; overflow:auto;}
abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111
kandungan yang tersembunyi 🎜>untuk jadual
1 . (pelayar IE) Gunakan table-layout:fixed; untuk memaksa lebar jadual dan menyembunyikan kandungan berlebihan
abcdefghigklmnopqrstuvwxyz1234567890sssssssssssss
|
abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss
|
Kesan IE.>
abcdefghigklmnopqrstuvwxyz 1234567890
abcdefghigklmnopqrstuvwxyz 1234567890
|
abcdefghigklmnopqrstuvwxyz 1234567890
|
td>
|
abcdefghigklmnopqrstuvwxyz 1234567890
|
abcdefghigklmnopqrstuvwxyz1234567890 |
abcdefghigklmnopqrstuvwxyz1234567890 |
Kesan: line break adalah mungkin3. (pelayar IE) dalam td, Nested divs, p, dsb. dalam ke menggunakan kaedah pemisah baris div dan p yang disebutkan di atas 4. (Pelayar Firefox) Gunakan susun atur jadual: tetap; untuk memaksa lebar jadual, dan td dalam, th menggunakan word-break : break-all: break-word, gunakan overflow:hidden untuk menyembunyikan lebihan kandungan, overflow:auto; tidak akan berfungsi di sini
abcdefghigklmnopqrstuvwxyz1234567890 | |