Semua orang tahu bahwa bahasa Inggris atau angka yang terus-menerus dapat membuat wadahnya mengembang dan tidak bisa otomatis membungkusnya sesuai ukuran wadahnya.
untuk div
1. (browser IE) white-space:normal; word-break:break-all; yang pertama di sini mengikuti standar.
#wrap{spasi putih:normal; lebar:200 piksel }
atau
#wrap{pemecah kata:pemecah-semua;lebar:200px;}
<div >ddd111111111111111111111111111111111</div>
Efek: Jeda garis dapat dicapai
2. (browser Firefox) white-space:normal; word-break:break-all;overflow:hidden; Juga tidak ada metode implementasi yang baik di FF. Efeknya lebih baik!
#wrap{spasi putih:normal; lebar:200px;
atau
#wrap{word-break:break-all;width:200px;
<div >ddd111111111111111111111111111111111111111</div>
Efek: Wadahnya normal dan isinya tersembunyi
untuk meja
1. (browser IE) menggunakan gaya tata letak tabel: tetap;
| Berikut isi kutipannya: <gaya> <lebar tabel="80"> |
Efek: Jeda baris dapat dibuat
2. (browser IE) Gunakan tata letak tabel gaya: tetap dan sekarangrap
| Berikut isi kutipannya: <gaya> <lebar tabel="80"> |
Efek: Jeda baris dapat dibuat
3. (Browser IE) Gunakan gaya tata letak tabel: tetap dan nowrap saat menggunakan persentase untuk memperbaiki ukuran td.
| Berikut isi kutipannya: <gaya> <lebar tabel=80> |
Efek: Kedua TD membungkus secara normal
4. (Browser Firefox) Gunakan gaya tata letak tabel: fixed dan nowrap saat menggunakan persentase untuk memperbaiki ukuran td, dan gunakan div
| Berikut isi kutipannya: <gaya> <lebar tabel=80> |
Lebar sel di sini harus didefinisikan sebagai persentase
Efek: Tampilan normal, tetapi tidak ada pembungkus garis (Catatan: Tidak ada cara yang baik untuk membungkus konten wadah di bawah FF. Anda hanya dapat menggunakan overflow untuk menyembunyikan konten tambahan agar tidak memengaruhi efek keseluruhan)