Question

我已经编写了一些我希望在我的网站上显示的python代码，但显然只是复制和粘贴文本会使它几乎无法读取，因为HTML无法识别回车并删除多余的间距。

是否有一种简单的方法可以在HTML中显示它，就好像它是在文本编辑器或IDE中，而不是用CSS来解决它的废话？

Answer 1

<pre>或<code> ...

Answer 2

您可能希望使用CSS white-space属性，例如：

CSS：

div#python { white-space: pre; }

HTML：

<div id="python">
    Python code
</div>

还有different options表示如何处理空白区域。

这种方法的优点是将样式信息抽象为CSS，如果将来需要编辑页面，可以使页面更易于维护。

Answer 3

您可以将其包装在＆＃39;代码中。标签

<code>this is my computer code</code>

Answer 4

使用<pre> </pre>元素 - 它完全符合您的要求