Masalah pembungkusan baris otomatis, pembungkusan baris karakter normal lebih masuk akal, tetapi angka kontinu dan karakter bahasa Inggris sering kali memperluas penampung, yang cukup merepotkan. Berikut ini adalah cara CSS mengimplementasikan pembungkus baris.

Definisi CSS terbaik dari pembungkus baris

code.wrap { tata letak tabel: diperbaiki; kata-break: break-all; overflow:hidden;
Di sini overflow: tersembunyi; atau otomatis;
==================== ===============

Untuk elemen tingkat blok seperti div dan p, pembungkus baris elemen teks normal (teks Asia dan teks non-Asia) memiliki spasi putih default: normal, dan secara otomatis akan dibungkus setelah lebar yang ditentukan.
html

1. (IE browser) Untuk karakter bahasa Inggris berkelanjutan dan angka Arab, gunakan word-wrap: break-word; atau word-break:break-all; melanggar

#wrap{word-break:break-all; lebar:200px;}
atau
#wrap{word-wrap:break-word; width:200px;}

Efek: Jeda baris dapat dicapai

2. (browser Firefox) Pemutusan karakter bahasa Inggris berkelanjutan dan angka Arab , semua versi Firefox tidak menyelesaikan masalah ini. Kami hanya dapat menyembunyikan karakter di luar batas atau menambahkan bilah gulir ke penampung.

#wrap{word-break:break-all; width:200px; overflow:auto;}

Efek: Wadahnya normal dan kontennya disembunyikan

untuk tabel
http://www.knowsky.com/
1. (Browser IE) Gunakan table-layout:fixed; untuk memaksakan lebar tabel dan menyembunyikan konten berlebih

Efek: Menyembunyikan konten yang berlebihan

2. (browser IE) gunakan table-layout: fixed; untuk memaksa lebar tabel, bagian dalam td, th menggunakan word-break: break-all; -kata ;Pemisahan baris

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

Efek: Pembungkusan baris dimungkinkan

3. (browser IE) Div bersarang, p, dll. di td, th menggunakan metode pembungkusan baris div dan p yang disebutkan di atas

4. (browser Firefox) Gunakan tata letak tabel: diperbaiki ;Memaksa lebar tabel, bagian dalam td, th menggunakan word-break: break-all; atau word-wrap: break-word; untuk membungkus baris, gunakan overflow:hidden; ; tidak berfungsi di sini

abcdefghigklmnopqrstuvwxyz1234567890
abcdefghigklmnopqrstuvwxyz1234567890

Efek: Menyembunyikan lebih dari konten

5. (Browser Firefox) Div sarang, p, dll. di td, th. Gunakan metode yang disebutkan di atas untuk menangani Firefox untuk menjalankan kotak kode terjadi memang sangat kecil, namun prank yang dilakukan oleh netizen tidak bisa dikesampingkan.

Berikut ini adalah efek dari contoh yang disebutkan

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd ">
http://www.w3.org/1999/xhtml ">




tabel,td,th,div { batas:1px solid hijau;}
kode { font-family:"Kurir Baru", Kurir, monospace;}

div

Semua spasi putih:normal;

IE word-wrap : break-word ;

IE kata-break:break-all;

Firefox/ word-break:break-all overflow:auto;

abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

tabel

tata letak tabel: diperbaiki;

tata letak tabel: diperbaiki; kata-break : break-all; word-wrap : break-word ;