overflow-wrap

  • 版本:CSS3/4
  • 媒体:视觉
overflow-wrap属性在CSS文本中是比较常用的,本文将带你深入理解overflow-wrap属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上overflow-wrap的演示案例,希望能够对你有所帮助。

overflow-wrap的具体语法

overflow-wrap:normal | break-word

默认值normal

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

相关属性:[ word-wrap ] || [ word-break ]

overflow-wrap的取值介绍

normal:
允许内容顶开或溢出指定的容器边界。
break-word:
内容将在边界内换行。如果需要,单词内部允许断行。

overflow-wrap的使用说明

设置或检索当内容超过指定容器的边界时是否断行。
  • CSS3中将 word-wrap 改名为 overflow-wrap;
  • 由于历史原因,当你使用 overflow-wrap 时,最好同时使用 word-wrap 作为备选,作向前兼容。
  • 对应的脚本特性为overflowWrap

overflow-wrap的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-11.0 1.0-28.0 1.0-6.0 1.0-22.0 1.0-12.0
版本 6.1 23.0 12.1

overflow-wrap的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册