Membuat karakter panjang terbungkus secara otomatis (seperti URL dan alamat email) Tujuan: Membuat string yang sangat panjang terbungkus secara otomatis, tetapi tidak memecah kata-kata pendek di tengahnya.
Begini caranya:
- <gaya>
- div{
- width:300px;overflow:hidden;/* untuk FF,Opera, lebar tetap; sembunyikan karakter tambahan*/
- word-wrap:break-word;word-break:normal;/* untuk IE, Safari, mendukung pembungkusan baris otomatis*/
- }
- </gaya>
|
Anda dapat menjalankan kode berikut di IE, Firefox, Opera, dan Safari untuk melihat:
- < gaya ketik = "teks/css" >
- div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}
- </gaya>
- < div > selamat
- Bungkus karakter yang panjang (seperti URL dan alamat email):
- http://www.div-css.com/html/standard/base/81857.html
- SDFG BEBERAPA kata memiliki spasi...
- XXXXXXXXXXXXDGXXXXXXXXYYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxwhite-space: nowrap
- Beberapa font berbahasa Mandarin Beberapa font berbahasa Mandarin Beberapa font berbahasa Mandarin Beberapa font berbahasa Mandarin Beberapa font berbahasa Mandarin Beberapa font berbahasa Mandarin, mungkin tidak terbungkus
- Standardisasi web < a href = "http://www.div-css.com" _fcksavedurl = "http://www.div-css.com" > www.div-css.com </ a >
- Karakter Cina Karakter Cina Karakter Cina Karakter Bahasa Inggris Cina Karakter Cina Karakter Bahasa Inggris Cina Karakter Bahasa Inggris Cina Karakter Bahasa Inggris Cina Karakter Bahasa Inggris Cina Karakter Bahasa Inggris Cina Karakter Bahasa Inggris Cina Karakter Bahasa Inggris Cina
- </div>
|
Selain itu, cara di Internet menggunakan JS untuk membungkus string panjang secara otomatis di Firefox tidak disarankan, karena string yang diperoleh setelah pembungkusan bukan lagi string aslinya alamat, Jika disalin lagi, Anda tidak akan lagi mendapatkan alamat aslinya, dan akan ada spasi di tengahnya. Itu sudah merupakan tautan lain.
