CSS学习笔记：overflow-wrap（word-wrap）

概念

CSS 属性 overflow-wrap 是用来说明当一个不能被分开的字符串太长时，为防止其溢出，浏览器是否允许这样的单词中断换行。

注：word-wrap 属性原本属于微软的一个私有属性，在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的 “别名”。 稳定的谷歌 Chrome 和 Opera 浏览器版本支持这种新语法。

值

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

• normal
  表示在正常的单词结束处换行。
• break-word
  表示如果行内没有多余的地方容纳该单词到结尾，则会被强制分割换行。

示例

p { width: 13em; background: gold; }

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