我已经编写了一些我想在我的网站上显示的 python 代码,但显然,由于 HTML 无法识别回车并删除多余的间距,因此仅复制和粘贴文本就会使其几乎不可读。
有没有一种简单的方法可以在 HTML 中显示它,就好像它在文本编辑器或 IDE 中一样,而不是 CSSing 废话?
<pre>
或<code>
...
您可能想要使用 CSSwhite-space
属性,例如:
CSS:
div#python { white-space: pre; }
HTML:
<div id="python">
Python code
</div>
对于如何处理空白也有不同的选择。
这种方法的优点是将样式信息抽象到 CSS 中,这使得页面在将来需要编辑时更易于维护。
您可以将其包装在“代码”标签中。
<code>this is my computer code</code>
使用<pre> </pre>
元素 - 它完全符合您的要求