前置标记中的空格不会被忽略

Question

我读过“pre”标签会将所有空格和制表符折叠成一个空格，但它不适合我。

为什么会这样呢？这取决于网络浏览器还是我应该做更多的事情？

Answer 1

来自 HTML 4.01 规范

PRE 元素告诉可视用户代理所包含的文本是“预先格式化的”。处理预格式化文本时，可视化用户代理：

• 可以完整保留空白。
• 可以使用固定间距字体呈现文本。
• 可以禁用自动换行。
• 不得禁用双向处理

PRE 标签将在您键入时留下空白。目的仅此而已。如果您不使用 pre 标记，标准 HTML 将折叠您所编写的空白。如果您有兴趣保留空白，而不是折叠它，请使用 PRE。

这是 JSFiddle 中的示例。

这将保留空白：

 <pre>
    Spaces
     and more
      galore
 </pre>

这将折叠空白：

 <div>
   All
    together
     now
 </div>

Answer 2

PRE 标签只会让您的内容保持与您编写的格式相同的格式。
它用于保持“预格式化”文本与您编写的文本相同。