CSS3讓文本自動換行——word-break屬性

1.依靠瀏覽器讓文本自動換行
瀏覽器本身都自帶著讓文本自動換行的功能。
2.指定自動換行的處理方法
在CSS3中，可以使用word-break屬性來自己決定自動換行的處理方法。
div{
    word-break:break-all;
}

word-break屬性可以使用的值

值	換行規則	IE5以上	Safari與Chrome
normal	使用瀏覽器默認的換行規則	支持	支持
keep-all	只能在半角空格或連字符處換行	支持	不支持
break-all	允許在單詞內換行	支持	支持

 
當word-break屬性使用break-all參數值時，對於西方文字來說，允許在單詞內換行。對於標點符號來說，當word-break屬性使用break-all參數值時，在Safari和Chrome中，允許標點符號位於行首，IE中仍然不允許標點符號位於行首。