asp.net - 如何在 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

像这样

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

Answer 2

在 <code> 标签周围放置 <pre> 标签。

Answer 3

如果您不介意<code>标签内所有关于空格的内容，请使用以下 CSS：

code {
    white-space: pre;
}

演示。