如何将div格式化成类似于pre块的样式？

Question

13

我想要显示一些包含代码示例的HTML文件，这些示例被codeblock标签包围。是否有CSS样式可以将代码块显示为pre标签的效果？（保留换行、保留空格等）

- Robin Rodricks

1

你不能使用 pre 或 code 标签的原因是什么？ - j08691

正确，这就是我最终所做的。查找并将“codeblock”替换为“pre”...现在一切都很好。 - Robin Rodricks

2个回答

1

如果你想变得更加高级，考虑使用像Pygments或highlight.js这样的库，它们可以对代码进行全语法着色，并美化你的代码。

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

或者：使用基于浏览器的“代码编辑器”，如Ace，然后格式化/着色代码... 只以只读方式使用控件。

- Dan H

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- arunes · Accepted Answer

就像这样

div { white-space: pre; }