pre标签中没有忽略空格答案

【问题标题】：White spaces not ignored in pre tagpre标签中没有忽略空格
【发布时间】：2011-08-09 07:16:16
【问题描述】：

我读到'pre'标签会将所有空格和制表符折叠成一个空格，但对我来说并没有这样做。

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

【问题讨论】：

【解决方案1】：

来自HTML 4.01 Specification

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

可能会留下完整的空白。

可以使用固定间距字体呈现文本。

可能会禁用自动换行。

不得禁用双向处理

PRE 标记会在您输入时留下空白。目的就是这样。如果您不使用 pre 标记，标准 HTML 将在您编写时折叠空白。如果您对保留空白感兴趣，请使用 PRE，而不是折叠它。

这是 JSFiddle 中的 example。

这将保留空白：

 <pre>
    Spaces
     and more
      galore
 </pre>

这将折叠空白：

 <div>
   All
    together
     now
 </div>

【讨论】：

所以它保留所有空白。
是的。这是 PRE 标签的全部内容。例如，它用于“代码”（例如，如果您正在输入 C++）或诗歌/任何您已经完成间距工作的作品。 HTML 通常不会保留此空间，以便您可以更好地构建 HTML 文件。

【解决方案2】：

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

【讨论】：