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