使用css white-space属性
white-space属性值有:
normal —— 默认,空白会被浏览器忽略
pre ——空白会被浏览器保留。其行为方式类似HTML中的<pre>标签。
nowrap —— 文本不会换行,文本会在同一行继续,直到遇到
标签为止。
pre-wrap —— 保留空白符序列,但正常进行换行。
pre-line —— 合并空白符序列,但保留换行符
inherit —— 规定应该从父元素继承 white-space 属性的值
我们可以使用white-space:pre-wrap或white-space:pre-line达到我们想要的效果。
white-space:pre-wrap和white-space:pre-line区别:
white-space:pre-wrap输入多少空格都会输出的时候就带几个空格。
white-space:pre-line无论输入多少空格都会输出的时候就带几个空格,会合并为一个。