预标签中不会忽略空格

Question

我已经读过'pre'标签会将所有空格和标签折叠到一个空格中，但对我来说不会这样做。

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

Answer 1

来自HTML 4.01 Specification

  

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

     

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

PRE标签会在您键入时留下空白区域。目的就是这样。如果您不使用预标签，标准HTML将会在您编写时折叠空白区域。如果您对保留空格感兴趣，请使用PRE，而不是折叠。

这是JSFiddle中的example。

这将保留空格：

 <pre>
    Spaces
     and more
      galore
 </pre>

这将崩溃空格：

 <div>
   All
    together
     now
 </div>

Answer 2

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