CSS3参考手册
»
属性列表
»
文本属性
»
相关内容：
其它文本属性参考
选择其它项
word-break
版本：CSS3
媒体：视觉
语法：
word-break
：normal | keep-all | break-all
默认值
：
normal
适用于
：所有元素
继承性
：有
动画性
：否
计算值
：指定值
相关属性
：[
word-wrap
]
取值：
normal：
依照亚洲语言和非亚洲语言的文本规则，允许在字内换行。
keep-all：
与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本。
break-all：
该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字母间断行。
说明：
设置或检索对象内文本的字内换行行为。
对于解决防止页面中出现连续无意义的长字符打破布局，应该使用break-all；
作为IE的私有属性之一，IE5.5率先实现了 word-break ，后期被w3c采纳成标准属性；
对应的脚本特性为
wordBreak
。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6.0
1.0-14.0
1.0-7.0
#1
1.0-31.0
#1
1.0-14.0
版本
15.0
15.0
#1
不支持：keep-all 作为参数值。
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>word-break_CSS参考手册_web前端开发参考手册系列</title> <style> .test p{width:100px;border:1px solid #000;background-color:#eee;} .normal p{word-break:normal;} .break-all p{word-break:break-all;} .keep-all p{word-break:keep-all;} </style> </head> <body> <ul class="test"> <li class="normal"> <strong>normal：</strong> <p>aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnn</p> </li> <li class="break-all"> <strong>break-word：</strong> <p>aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnn</p> </li> <li class="keep-all"> <strong>keep-all：</strong> <p>aaabbbcccdddeeefffggghhhiiijjjkkklllmmmnnn</p> </li> </ul> </body> </html>