html - pre标签中没有忽略空格

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 标签只会让您的内容保持与您编写的格式相同。它用于使您的“预格式化”文本保持与您编写时相同的方式。