word-wrap

版本： CSS3

word-wrap 属性原本属于微软的一个私有属性，在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的“别名”。

示例

/* keyword values */
overflow-wrap: normal;
overflow-wrap: break-word;

/* global values */
overflow-wrap: inherit;
overflow-wrap: initial;
overflow-wrap: unset;

浏览器支持

浏览器都支持 overflow-wrap

语法:

overflow-wrap : normal | break-word

取值:

• normal:允许内容顶开或溢出指定的容器边界。
• break-word:内容将在边界内换行。如果需要，单词内部允许断行。 break-word 表示如果行内没有多余的地方容纳该单词到结尾，则那些正常的不能被分割的单词会被强制分割换行。

例子

p { width: 13em; background: gold; }
p { width: 13em; background: gold; overflow-wrap: break-word; }
p.test{word-wrap:break-word;}