Pembalut baris automatik CSS_CSS/HTML

Semua orang tahu bahawa bahasa Inggeris atau nombor yang berterusan boleh membuat bekas mengembang dan tidak boleh membungkus secara automatik mengikut saiz bekas Berikut ialah cara membungkusnya dengan CSS!
Untuk div
1 (pelayar IE) white-space:normal;

#wrap{white-space:normal; width:200px; }
or
#wrap{word-break:break-all;width:200px;}

ddd11111111111111111111111111111111111111111111111111111111111111111111111111111111 Tiada kaedah pelaksanaan yang baik dalam FF Anda hanya boleh menyembunyikan atau menambah bar skrol. Sudah tentu, adalah lebih baik untuk tidak menambah bar skrol.

#wrap{white-space:normal; width:200px; }

DDD11111111111111111111111111111111111111111111


Kesan: Bekas adalah perkara biasa, kandungan disembunyikan



(Ie.) > ) gunakan gaya susun atur jadual:tetap;

abcdefghigklmnopqrstuvwxyz 1234567890

Kesan: Pemisahan baris mungkin

abcdefghigklmnopqrstuvwxyz 1234567890

2 (pelayar IE) Gunakan gaya susun atur jadual:tetap dan nowrap


.tb {susun atur jadual:tetap}







Kesan: boleh membalut

3 (pelayar IE) Gunakan gaya susun atur jadual:tetap dan nowrap

.tb{table-layout:fixed}

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

🎜🎉 🎜>
Kesan: Kedua-dua td dibalut seperti biasa

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890 🎜>

abcdefghigklmnopqrstuvwxyz 1234567890 🎜>

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

4. (Pelayar Firefox) Gunakan gaya susun atur jadual: tetap dan nowrap apabila menggunakan peratusan untuk menetapkan saiz td, dan gunakan div


.tb {table-layout:fixed}
.td {overflow:hidden;}

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

Lebar sel di sini mesti ditakrifkan sebagai peratusanKesan: Paparan biasa, tetapi tidak boleh membalut (Nota: Tiada cara yang baik untuk membalut kandungan bekas di bawah FF. Anda hanya boleh menggunakan limpahan untuk menyembunyikan kandungan tambahan untuk mengelak daripada menjejaskan kesan keseluruhan)