word-wrap,word-break和white-space總結

最近網頁佈局中遇到得比較多，因此打算總結總結。

 

word-wrap:

1.normal（使用瀏覽器默認的換行規則）  

2.break-word（內容將在邊界內換行，可是英文換行會按詞斷句）

word-break:

1.break-all（不管中英文均可以直接在單詞內斷句） 

2.keep-all（只能在半角空格或連字符處換行。）

3.normal

white-space:

1.pre（換行和其餘空白字符都將受到保護。這個值須要IE6+或者 !DOCTYPE 聲明爲 standards-compliant mode 支持。若是 !DOCTYPE 聲明沒有指定爲 standards-compliant mode ，此屬性能夠使用，可是不會發生做用。結果等同於 normal 。）

2.nowrap（強制在同一行內顯示全部文本，直到文本結束或者遭遇 br 對象。）

3.normal

break-word和break-all二者的區別：word-wrap:break-word會首先起一個新行來放置長單詞，新的行仍是放不下這個長單詞則會對長單詞進行強制斷句；而word-break:break-all則不會把長單詞放在一個新行裏，當這一行放不下的時候就直接強制斷句了。

 

總結：

 換行：看狀況，如有英文單詞選break-all，若全是中文選break-word

不換行：儘可能用white-space:nowrap