如何在HTML5代码块中保留换行符

Question

我已经在默认情况下得到了这个。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;
}

演示。

Answer 2

像这样

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

Answer 3

Put <<代码>标签。