首頁 > 文章 > web前端 > 如何在所有瀏覽器中將文字換行到
元素在所有瀏覽器中都沒有空格? " />
CSS:在 在本文中,我們將解決與在 中換行沒有空格的文字
中換行沒有空格的文字相關的問題為了實現這一點,使用了各種CSS 屬性,例如分詞和表格佈局,但不同瀏覽器的行為有所不同,這使得Firefox 用戶的文字未換行。程式碼:要使用此程式碼,請將wrappword 類別套用至表中所需的
元素,確保設定了table-layout例如: .wrapword {
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /* Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
此CSS 解決方案經過測試,發現在Firefox 5.0、Internet Explorer 8.0 和Chrome 10 上一致運作。
以上是如何在所有瀏覽器中將文字換行到