CSS實現文字自動換行 相容IE和火狐

2021-06-16 05:06:10 字數 372 閱讀 6043

word-wrap是控制換行的。

使用break-word時,是將強制換行。中文沒有任何問題,英文語句也沒問題。但是對於長串的英文,就不起作用。

break-word是控制是否斷詞的。

normal是預設情況,英文單詞不被拆開。

break-all,是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決了長串英文的問題。

keep-all,是指chinese, japanese, and korean不斷詞。即只用此時,不用word-wrap,中文就不會換行了。(英文語句正常。)

最好的方式是:

'word-wrap:break-word;overflow:hidden;width:595px;'

>   

CSS實現文字自動換行 相容IE和火狐

word wrap是控制換行的。使用break word時,是將強制換行。中文沒有任何問題,英文語句也沒問題。但是對於長串的英文,就不起作用。break word是控制是否斷詞的。normal是預設情況,英文單詞不被拆開。break all,是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決...

CSS實現文字自動換行 相容Firefox

測試中常遇到火狐瀏覽器中的文字框對長字元或數字不能自動換行的問題,下面收錄一下css中的除錯方法 效果 可以實現換行 2 firefox瀏覽器 white space normal word break break all overflow hidden 同樣的ff下也沒有很好的實現方法,只能隱藏或...

CSS控制文字自動換行

1.你定死 的寬度,即給 乙個寬度值 是數值,不是百分比 2.強制不換行 div自動換行 div強制英文單詞斷行 div3.總結了一下,只要在css中定義了如下句子,可保網頁不會再被撐開了。table td word break break all word wrap break word 注釋一下...