word-wrap/overflow-wrap
- 版本：CSS3
- 2018.3.26
语法：
word-wrap, overflow-wrap：normal | break-word | break-spaces
默认值：normal
适用于：所有元素
继承性：有
动画性：否
计算值：指定值
相关属性：word-break
媒 体：视觉
取值：
- normal：
- 允许内容顶开或溢出指定的容器边界。
- break-word：
- 内容将在边界内换行，如果需要，单词内部允许断行。它要求一个没有断行破发点的词必须保持为一个整体单位，如果当前行无法放下需要被打断的单词，为了保持完整性，会将整个单词放到下一行进行展示。这与word-break的
break-word值效果相同
说明：
设置或检索当内容超过指定容器的边界时是否断行。
- 作为IE的私有属性之一，IE5.5率先实现了
word-wrap，后期被w3c采纳成标准属性； - CSS3中将
word-wrap改名为overflow-wrap； - 对应的脚本特性为：wordWrap, overflowWrap。
兼容性：
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
| Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|---|
| Basic Support #1 | 8.0+ | 40.0 | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
| overflow-wrap | 8.0-16.0 | 40.0-48.0 | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
| 49.0+ | ||||||||
| break-spaces Key Value |
8.0-16.0 | 40.0-58.0 | 40.0-64 | 8.0-10.0 | 40.0-50.0 | 8.0-11.3 | 4.4-62.0 | 28.0-64.0 |
- Basic Support 指的是
word-wrap: normal | break-word。
