在 HTML 中显示 python 文件，保留空格等

【问题标题】：Displaying a python file in HTML keeping the spaces etc在 HTML 中显示 python 文件，保留空格等
【发布时间】：2013-03-16 18:29:55
【问题描述】：

我已经编写了一些我想在我的网站上显示的 python 代码，但显然，由于 HTML 无法识别回车并删除多余的间距，因此仅复制和粘贴文本就会使其几乎无法阅读。

有没有一种简单的方法可以在 HTML 中显示它，就好像它在文本编辑器或 IDE 中一样，而不是用 CSS 处理掉它的废话？

【问题讨论】：

【解决方案1】：

您可能想要使用 CSS white-space 属性，例如：

CSS：

div#python { white-space: pre; }

HTML：

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

还有different options 说明如何处理空白。

这种方法的优点是将样式信息抽象到 CSS 中，这使得页面在将来需要编辑时更易于维护。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以将其包装在“代码”标签中。

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

【讨论】：

【解决方案4】：

<pre> 或 <code>...

【讨论】：