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
表示如果行内没有多余的地方容纳该单词到结尾,则那些正常的不能被分割的单词会被强制分割换行。
默认值 | normal |
适用于 | 所有元素 |
继承性 | 有 |
动画性 | 是 |
计算值 | 指定值 |
例子
p { width: 13em; background: gold; } p { width: 13em; background: gold; overflow-wrap: break-word; } p.test{word-wrap:break-word;}