Salah satu teknik CSS yang umum adalah mencegah teks terbungkus secara otomatis.

Penulis：Eve Cole Waktu Pembaruan：2009-05-31 01:04:54

spasi putih: nowrap

Jika teks berbahasa Mandarin sangat panjang (tidak ada spasi atau jeda baris di tengahnya), baik itu IE atau Firefox, maka secara otomatis akan terbungkus ketika sudah mencapai batas.

Namun dalam beberapa kasus, kita tidak menginginkan hal ini. Misalnya: ketika beberapa li disusun berdampingan dan Anda tidak ingin teks li terakhir di setiap baris terbungkus secara otomatis, Anda dapat menggunakan atribut ini.

Setelah menggunakan atribut css ini, teks hanya dapat dibungkus ketika menemukan spasi atau karakter baris baru.

Misalnya:

div{spasi putih: nowrap;}

Jalankan demonya
<style type="text/css"> div{width:300px;border:1px merah pekat;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div class=" nowrap"> Ini adalah teks yang sangat panjang tanpa spasi atau jeda baris di tengahnya. Teks ini tidak akan terbungkus secara otomatis sampai dicegat<br /> </div> <div> Ini adalah teks yang sangat panjang tanpa spasi atau baris pecah di tengah namun akan terbungkus secara otomatis<br /></div>

Untuk teks ekstra lebar pada dua div di atas, yang pertama dilarang untuk dibungkus, dan kemudian yang ekstra lebar dicegat; yang kedua tidak disetel, sehingga otomatis dibungkus.