Artikel ini mencantumkan gaya CSS yang direkomendasikan untuk jeda baris yang kompatibel dengan IE dan FF, dan memperkenalkan secara detail perbedaan antara gaya CSS yang direkomendasikan untuk jeda baris yang kompatibel dengan IE dan FF:
Cara terbaik adalah
word-wrap:break-word; overflow :hidden;
alih-alih
word-wrap:break-word; word-break:break-all;
atau
word
-wrap:break-word;
tidak ada masalah di bawah IE. Di bawah FF, rangkaian kata bahasa Inggris yang panjang akan diblokir.
Ringkasan teknis:
bungkus kata digunakan untuk mengontrol jeda baris.
Saat jeda baris digunakan, jeda baris dipaksakan , dan tidak ada masalah dengan kalimat bahasa Inggris. Tapi untuk waktu yang lama Jika Anda merangkai kata-kata bahasa Inggris, itu
tidak
akan
berfungsi
kata-kata.Ketika kata mencapai batas, huruf berikutnya secara otomatis Pergi ke baris berikutnya. Terutama memecahkan masalah rangkaian kata-kata bahasa Inggris yang
panjang kali ini, tanpa word-wrap, dan bahasa Mandarin tidak akan membungkus. (Kalimat bahasa Inggris normal. .)
Di bawah IE:
Gunakan word-wrap:break-word;
di bawah FireFox:
Jika keduanya tidak digunakan, akan ada tidak akan ada masalah dengan bahasa Mandarin. Tidak akan ada masalah dengan kalimat bahasa Inggris. Namun, string yang panjang Akan ada masalah dalam bahasa Inggris.
Untuk menyelesaikan string bahasa Inggris yang panjang, word-wrap:break-word;word-break:break-all ; umumnya digunakan. Namun, metode ini akan menyebabkan kata-kata dalam kalimat bahasa Inggris biasa terputus (IE Hal yang sama berlaku di bawah).
Masalah utama saat ini adalah rangkaian kata bahasa Inggris dan bahasa Inggris yang panjang sebenarnya terputus string of English hanyalah sebuah kata yang relatif panjang. Artinya, apakah kata-kata dalam bahasa Inggris harus dipisahkan? Masalahnya sudah jelas, dan jelas tidak boleh diputus. Untuk rangkaian bahasa Inggris yang panjang, yang merupakan hal-hal yang berbahaya, tentu saja tidak perlu khawatir. Namun, kita juga harus memikirkan beberapa cara untuk mencegahnya memperluas wadah .
Gunakan: overflow: auto; Di bawah IE, string panjang akan dibungkus secara otomatis. Di bawah FireFox, string panjang akan tercakup
. wrap:break -word;word-break:break-all;.
word-wrap:break-word;overflow:auto; Tidak ada masalah di IE. Di bawah FireFox, bagian dari string panjang akan dikaburkan.