<body style="direction: ltr;" leftmargin="2" topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" pada salinan ="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" marginheight="0" marginwidth="0">Hilangkan program penyalinan klik kanan Artikel ini memperkenalkan cara menggunakan CSS untuk membungkus teks bahasa Inggris secara otomatis. Semua orang tahu bahwa bahasa Inggris atau angka yang terus menerus dapat membuat wadahnya membesar dan tidak bisa secara otomatis membungkusnya sesuai dengan ukuran wadahnya. Semua orang tahu bahwa bahasa Inggris atau angka yang terus menerus dapat membuat container membesar dan tidak dapat membungkusnya secara otomatis sesuai dengan ukuran containernya. Untuk Div dan tabel serta browser yang berbeda, metode untuk mengimplementasikan pembungkusan baris otomatis CSS sedikit berbeda: untuk div 1. (browser IE) white-space:normal; word-break:break-all; di sini yang pertama mengikuti standar: div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber [www.52css.com] atau: #wrap{pemecah kata:pemecah-semua;lebar:200px;} Efek: pembungkusan garis otomatis dapat dicapai 2. (browser Firefox) white-space:normal; word-break:break-all;overflow:hidden; Tidak ada metode implementasi yang baik di bawah FF yang sama .Efeknya lebih baik! div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber [www.52css.com] atau: #wrap{word-break:break-all;width:200px; Efek: Wadahnya normal dan isinya tersembunyi 1. (Browser IE) Gunakan gaya tata letak tabel: tetap: div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber [www.52css.com] Efek: Secara otomatis membungkus garis 2. Gaya penggunaan (browser IE): div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber [www.52css.com] Efek: Secara otomatis membungkus garis 3. (Browser IE) Gunakan gaya table-layout:fixed dan nowrap saat menggunakan persentase untuk memperbaiki ukuran td: div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber [www.52css.com] Efek: Kedua TD dibungkus secara normal dan otomatis 4. (Browser Firefox) Gunakan gaya tata letak tabel: tetap dan nowrap saat menggunakan persentase untuk memperbaiki ukuran td, dan gunakan div: div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber [www.52css.com] Lebar sel di sini harus ditentukan sebagai persentase: ditampilkan secara normal, tetapi tidak dapat dibungkus.
#wrap{spasi putih:normal; lebar:200 piksel }
<div id="wrap">dd11111111111111111111111111111</div>
#wrap{spasi putih:normal; lebar:200px;
<div id="wrap">dd11111111111111111111111111111111111111</div>
http://font.knowsky.com/
untuk meja
<gaya>
.tb{tata letak tabel: diperbaiki}
</gaya>
<tabel kelas="tbl" lebar="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</tabel>
<gaya>
.tb {tata letak tabel: diperbaiki}
</gaya>
<tabel class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</tabel>
<gaya>
.tb{tata letak tabel: diperbaiki}
</gaya>
<tabel kelas="tb" lebar=80>
<tr>
<td lebar=25% sekarang>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</tabel>
<gaya>
.tb {tata letak tabel: diperbaiki}
.td {meluap: tersembunyi;}
</gaya>
<kelas tabel=tb lebar=80>
<tr><td lebar=25% kelas=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</tabel>