white-space的值:
-
normal 连续的空白符会被合并。并根据填充行框盒子的需要来换行。
-
nowrap 和
normal一样合并空白符,但阻止源码中的文本换行,文本会在在同一行上继续,直到遇到标签为止。 -
pre 连续的空白符会被保留。仅在遇到换行符或[
<br>]元素时才会换行。 -
pre-wrap 连续的空白符会被保留。在遇到换行符或[
<br>]元素时,或者根据填充行框盒子的需要换行。 -
pre-line 连续的空白符会被合并。在遇到换行符或 [
<br>]元素时,或者根据填充行框盒子的需要换行。 -
inherit 规定应该从父元素继承 white-space 属性的值。
所以使用 white-space:pre-wrap;