CSS3 word-wrap 属性

word-wrap 属性用于指定当文本太长无法适应其容器时，是否允许在单词内部换行。该属性在 CSS3 中被废弃，建议使用 overflow-wrap 属性替代。

语法

word-wrap: normal | break-word;

• normal：默认值，不允许在单词内部换行。
• break-word：允许在单词内部换行。

示例

p {
  width: 200px;
  word-wrap: break-word;
}

在上面的示例中，当 <p> 元素的文本内容超出 200px 的宽度时，会在单词内部进行换行，而不会导致单词被截断。

注意事项

• word-wrap 属性在 CSS3 中被废弃，不建议继续使用，推荐使用 overflow-wrap 属性代替。
• word-wrap 只有在浏览器不支持 overflow-wrap 时才会生效，因此在实际开发中应尽量避免使用该属性。