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中仍然不容许标点符号位于行首。