white-space

756 阅读1分钟

定义和用法

white-space属性设置如何处理元素内的空白

可能的值

normal : 默认。空白会被浏览器忽略。

pre:空白会被浏览器保留,其行为方式类似HTML中的<pre>标签。

nowrap: 文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止。

pre-wrap: 保留空白符序列,但是正常的进行换行。

pre-line: 合并空白符序列, 但是保留换行符。

inherit: 规定应该从父元素继承white-space属性的值。

pre和pre-wrap的区别

pre: 文字不会受盒子宽度的影响。

image.png

pre-wrap: 文字会受盒子宽度的影响。

image.png