如何防止 HTML 删除空格？答案

【问题标题】：How do I keep HTML from removing whitespaces?如何防止 HTML 删除空格？
【发布时间】：2017-02-26 15:20:47
【问题描述】：

    <p>This    is    a    paragraph</p>

变成

这是一段

但我希望它保持原样。喜欢

This is a paragraph

我该怎么做？

【问题讨论】：

【解决方案1】：

如果你不想使用&nbsp;，你可以使用类似

<p class="allspace">This is a paragraph</p>

.allspace { white-space: pre }

white-space:pre 将用空格格式化 html。这种方法更好，因为它不需要多次使用&nbsp;

【讨论】：

【解决方案2】：

用途：

<p>This &nbsp;&nbsp; is &nbsp;&nbsp; a &nbsp;&nbsp; paragraph</p>

也称为固定空间或硬空间，Non-Breaking SPace (NBSP) 用于编程和文字处理以创建一行中的空格不能被自动换行打破。

【讨论】：

【解决方案3】：

使用&nbsp; - 这是一个牢不可破的空间。

例如：

<p>This&nbsp;&nbsp;&nbsp;&nbsp;is&nbsp;&nbsp;&nbsp;&nbsp;a&nbsp;&nbsp;&nbsp;&nbsp;paragraph</p>

不间断空格（也称为不间断空格，non- breakable space (NBSP)、硬空间或固定空间) 是一个空格字符，可防止在其位置自动换行。在某些格式中，包括HTML，它还可以防止连续的空白字符折叠成一个空格。

【讨论】：

【解决方案4】：

使用&nbsp;。例如：

Hello &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; World

【讨论】：

【解决方案5】：

您可以改为使用<pre> 标签。此标签用于指示预先格式化的文本。代码标签围绕着被标记的代码。

浏览器通常以固定间距的字体呈现预文本，并带有空白，并且没有自动换行。

<pre>hello world</pre>

【讨论】：