首页 > Web开发 > 详细

CSS3让文本自动换行——word-break属性

时间:2016-09-03 16:40:07      阅读:145      评论:0      收藏:0      [点我收藏+]

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

 

CSS3让文本自动换行——word-break属性

原文:http://www.cnblogs.com/wyaocn/p/5837155.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!