word-wrap 属性是 CSS 中用于控制文本在达到容器边界时是否允许换行的属性。它在处理过长的单词或字符串时很有用。

语法如下:
word-wrap: normal | break-word | anywhere | inherit;

常见的取值包括:

  •  normal:默认值,文本会在单词或断字点处换行。

  •  break-word:允许在单词内部断行,即使这可能导致溢出容器。

  •  anywhere:允许在任何字符处换行,即使不是断字点。

  •  inherit:继承父元素的 word-wrap 值。


下面是一个简单的例子,演示了如何使用 word-wrap:
.normal {
  word-wrap: normal; /* 在单词或断字点处换行 */
}

.break-word {
  word-wrap: break-word; /* 允许在单词内部断行,可能导致溢出容器 */
}

.anywhere {
  word-wrap: anywhere; /* 允许在任何字符处换行 */
}

在这个例子中,不同类的元素展示了不同的 word-wrap 属性取值效果,从而影响了文本的换行方式。


转载请注明出处:http://www.zyzy.cn/article/detail/4275/CSS