1.依靠浏览器让文本自动换行
浏览器本身都自带着让文本自动换行的功能。
2.指定自动换行的处理方法
在CSS3中,可以使用word-break属性来自己决定自动换行的处理方法。
div{
word-break:break-all;
}
值 | 换行规则 | IE5以上 | Safari与Chrome |
normal | 使用浏览器默认的换行规则 | 支持 | 支持 |
keep-all | 只能在半角空格或连字符处换行 | 支持 | 不支持 |
break-all | 允许在单词内换行 | 支持 | 支持 |
当word-break属性使用break-all参数值时,对于西方文字来说,允许在单词内换行。对于标点符号来说,当word-break属性使用break-all参数值时,在Safari和Chrome中,允许标点符号位于行首,IE中仍然不允许标点符号位于行首。