如何在HTML5代碼塊中保留換行符？

Question

我這有一個Default.aspx頁面：

<code> 
     $(document).ready(function() { 
      $("#clickThis").click(function() { 
       alert("Hallo die Welt!"); 
      }); 
     }); 
    </code> 

然而，它作爲顯示：

$(document).ready(function() { $("#clickThis").click(function() { alert("Hallo die Welt!"); }); }); 

...這是很好的，當房地產是一個問題，但爲便於閱讀，我希望它能夠完全顯示標籤中包含的代碼。怎麼樣？

Answer 1

如果你不介意的話裏面<code>標籤尊重空白的一切，用這個CSS：

code { 
    white-space: pre; 
} 

Demo。

Answer 2

像這樣

<pre> 
<code> 
    $(document).ready(function() { 
     $("#clickThis").click(function() { 
      alert("Hallo die Welt!"); 
     }); 
    }); 
</code> 
</pre> 

Answer 3

將<前>周圍< code>標記標籤。