HTML | DOM 样式 wordWrap 属性

简介

在HTML和DOM中，wordWrap属性用于指定文本是否允许换行，以及如何换行。该属性通常应用于文本框或其他需要显示一定量文本的元素中。

语法

object.style.wordWrap="normal|break-word|inherit"

参数

• normal: 默认值，不自动换行，当该元素内文本的长度超过容器宽度时，会使文本溢出容器。
• break-word: 当一个单词太长无法容纳时，会突出单词，并在后面进行换行。
• inherit: 继承父元素的wordWrap属性值。

实例

<div style="width:200px;word-wrap:break-word">
  thisisaverylongstringthatisgoingtobebrokenintomultiples
</div>

上面的实例中，当容器宽度为200px时，单词太长容纳不下，会突出单词后再进行换行。

浏览器兼容性

总结

wordWrap属性用于控制文本如何换行，它支持的属性分别是normal、break-word和inherit。浏览器对该属性的支持很好，使用该属性可以很好地处理长文本的显示和排版问题。