本文详细介绍了CSS word-break属性的使用方法，包括其正常、允许单词内换行和保持空格换行的不同模式。通过示例展示了如何让浏览器在不同情况下进行灵活的换行处理。请注意，Opera暂不支持此属性。
css word-break属性用于规定自动换行的处理方法。通过使用word-break属性，可以让浏览器实现在任意位置的换行。
css word-break属性怎么用？
作用：word-break 属性规定自动换行的处理方法。提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。
语法：word-break: normal|break-all|keep-all
说明：
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
注释：所有主流浏览器都支持 word-break 属性。
css word-break属性使用示例
p.test1
{
width:11em;
border:1px solid #000000;
word-break:hyphenate;
}
p.test2
{
width:11em;
border:1px solid #000000;
word-break:break-all;
}
This is a veryveryveryveryveryveryveryveryveryvery long paragraph.
This is a veryveryveryveryveryveryveryveryveryvery long paragraph.
注释：目前 Opera 不支持 word-break 属性。
效果输出：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
