word-wrap
属性用于指定当一个单词太长以至于无法适应其容器时,浏览器如何断行显示。该属性的值可以是normal
、break-word
或者initial
等。
normal
:默认值,单词不会被分割成多行,超出容器的部分会被截断。break-word
:单词会被分割成多行,这样可以使单词适应容器大小。initial
:使用浏览器的默认值。需要注意的是,word-wrap
属性在CSS3中已被废弃,推荐使用overflow-wrap
属性来代替。但是,word-wrap
在某些浏览器中仍然可以使用,因此在编写代码时需要注意兼容性。
可以通过以下代码来使用word-wrap
属性:
div {
word-wrap: break-word;
}
其中,div
为需要设置word-wrap
属性的元素。