如何格式化像前块一样的div？

Question

我正在尝试显示一些包含codeblock标记的代码示例的HTML文件。是否有任何CSS样式可以显示代码块，就像它们是pre标签一样？ （尊重新线，尊重空白等）

Answer 1

喜欢这个

div { white-space: pre; }

Answer 2

如果想花哨的话，可以考虑像Pygments或highlight.js这样的库，除了可以漂亮地打印代码外，还可以对语法进行完整的着色。

Pygments将在服务器端Python中实现； Highlight.js在浏览器端工作。

OR：使用基于浏览器的“代码编辑器”，例如Ace，它将随后对代码进行格式化/着色...并仅以只读方式使用控件。