什么是white-space
在HTML中，white-space表示元素的空格和换行符如何处理。在默认情况下，HTML会忽略额外的空格和换行符，只保留一个空格。例如：
<p>这是一句
有换行符的话，
但是显示的效果只有一个空格。</p>
上面的代码会显示为：
这是一句 有换行符的话，但是显示的效果只有一个空格。
如果想要保留额外的空格和换行符，可以使用white-space属性来控制元素的空格和换行符处理。white-space有以下几个属性值：
1. normal
这是默认值，会忽略额外的空格和换行符，只保留一个空格。
<p style="white-space:normal">
这 是 一句
有 额外 空格的话，
但 是 显示 的 效果, 只有一个空格。
</p>
上面的代码会显示为：
这 是 一句 有 额外 空格的话，但 是 显示 的 效果, 只有一个空格。
2. pre
pre指的是preserve，保留空格和换行符。即显示时按照实际代码格式进行。
<p style="white-space:pre">
这 是 一句
有 额外 空格的话，
但 是 显示 的 效果还是保留空格和换行符的。
</p>
上面的代码会显示为：
这 是 一句
有 额外 空格的话，
但 是 显示 的 效果还是保留空格和换行符的。
3. nowrap
nowrap表示不换行，会忽略换行符。如果一行放不下，会出现水平滚动条。
<p style="white-space:nowrap">
这是一句有很多字的话，但是不会自动换行，要出现滚动条也要手动加。
</p>
上面的代码会显示为：
这是一句有很多字的话，但是不会自动换行，要出现滚动条也要手动加。
4. pre-wrap
pre-wrap表示保留空格和换行符，但是换行时自动调整。即显示时按照实际代码格式进行，而且会自动换行。
<p style="white-space:pre-wrap">
这 是 一句
有 额外 空格的话，
但 是 显示 的 效果会保留空格和换行符，并自动换行。
</p>
上面的代码会显示为：
这 是 一句有 额外 空格的话，但 是 显示 的 效果会保留空格和换行符，并自动换行。
5. pre-line
与pre-wrap类似，表示保留空格和换行符，但是自动调整一些不必要的空格。即显示时会自动调整空格，而且自动换行。
<p style="white-space:pre-line">
这 是 一句
有 额外 空格的话，
但是显示的效果只有一个空格,而且还会自动换行。
</p>
上面的代码会显示为：
这 是 一句有 额外 空格的话，但是显示的效果只有一个空格,而且还会自动换行。
结语
以上就是HTML中white-space的详细介绍，希望对大家有所帮助。
白鹭骑士出品，必属精品。