預設標記中的白色空格不會被忽略

Question

我已經讀過'pre'標記會將所有空格和標籤摺疊到一個空格中，但它並不適用於我。

爲什麼這樣呢？它依賴於Web瀏覽器還是我應該做更多的事情？

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

預標籤將只是保持你的內容相同的格式，你寫的。 它用於保持您的「預格式化」文本與您編寫它的方式相同。