前置标记中不能忽略空格

Question

我已经读过“ pre”标签会将所有空白和制表符折叠到一个空格中，但对我而言并不是这样。

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

Answer 1

从HTML 4.01规范开始

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

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

PRE标签将在您键入时留下空白。目的就是这样。如果您不使用pre标签，则标准HTML会像您编写的那样折叠空白。如果您对保留空白而不是折叠有兴趣，请使用PRE 。

这是JSFiddle中的示例。

这将保留空白：

 <pre>
    Spaces
     and more
      galore
 </pre>

这将折叠空白：

 <div>
   All
    together
     now
 </div>