css中word-wrap CSS3 word-wrap 属性

css中word-wrap

CSS中的word-wrap属性是用来控制文本换行的，它可以让文本在一行中自动换行，从而避免文本溢出容器。

word-wrap 属性可以让文本在一行中自动换行，这样就不会出现文本溢出容器的情况了。它可以帮助我们在网页上显示长字符串（如URL）而不会导致布局错乱。

word-wrap: normal | break-word | initial | inherit;

word-wrap 属性的值有四个：normal、break-word、initial 和 inherit。其中 normal 表示使用浏览器默认的换行方式；break-word 表示即使不能在一行内显示完整的单词也要强制换行；initial 表示使用浏览器默认值；inherit 表示从父元素继承 word-wrap 的值。

当我们想要将一个很长的字符串显示在一行内时，可以使用 word-wrap 属性来避免文本溢出容器。通过正确使用 word-wrap 属性，我们可以很好地保证布局的正常显示。

CSS3 word-wrap 属性

p.test {word-wrap:break-word;}

word-wrap: normal|break-word;