Tips mewujudkan pembungkusan baris otomatis saat membuat halaman web CSS
Penulis：Eve Cole
Waktu Pembaruan：2025-01-15 17:00:16
Tips Mewujudkan Pembungkusan Garis Otomatis Saat Membuat Halaman Web CSS Jumat, 6 Maret 2009 10:47 Semua orang tahu bahwa bahasa Inggris atau angka yang terus menerus dapat membuat wadah mengembang dan tidak dapat otomatis membungkus sesuai ukuran wadah menggunakan metode CSS!
Untuk div 1. (browser IE) white-space:normal; word-break:break-all; di sini yang pertama mengikuti standar. #wrap{spasi putih:normal; lebar:200 piksel }
atau
#wrap{word-break:break-all;width:200px;}mis.<div id="wrap">ddd11111111111111111111111111111111</div>Efek: Pembungkusan garis dapat dicapai 2. (browser Firefox) white-space:normal; word -break:break-all;overflow:hidden; Demikian pula, tidak ada metode implementasi yang baik di FF. Anda hanya dapat menyembunyikan atau menambahkan scroll bar. #wrap{spasi putih:normal; lebar:200px;
atau
#wrap{word-break:break-all;width:200px; overflow:auto; }mis.<div id="wrap">ddd111111111111111111111111111111111111</div> Efek: Wadahnya normal dan kontennya disembunyikan untuk tabel 1. (Browser IE) menggunakan gaya table-layout:fixed;
misalnya.<gaya>
.tb{tata letak tabel: diperbaiki}
</style><tabel class="tbl" width="80">
<tr>
<td>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>Efek: Dapat membungkus baris 2. (Browser IE) Gunakan gaya tata letak tabel: fixed dan nowrapeg.<style>
.tb {tata letak tabel: diperbaiki}
</style><tabel class="tb" width="80">
<tr>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>Efek: dapat membungkus 3. (browser IE) menggunakan gaya table-layout:fixed dan nowrap<style> saat menggunakan persentase untuk memperbaiki ukuran td http://www.knowsky.com/
.tb{tata letak tabel: diperbaiki}
</style><tabel class="tb" width=80>
<tr>
<td lebar=25% sekarang>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table> Efek: Kedua tds dibungkus secara normal. 3. (Browser Firefox) Saat menggunakan persentase untuk memperbaiki ukuran td, gunakan gaya tata letak tabel: fixed dan nowrap, dan gunakan diveg.<style>
.tb {tata letak tabel: diperbaiki}
.td {meluap: tersembunyi;}
</style><kelas tabel=tb lebar=80>
<tr>
<td lebar=25% kelas=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td kelas=td sekarang>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
</tr>
</tabel> Lebar sel di sini harus ditentukan dalam persentase. Efeknya adalah: 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 tambahannya. konten yang harus dihindari mempengaruhi efek keseluruhan)
