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中仍然不允許標點符號位於行首。