php - 使用 CSS 样式化代码块

Question

我正在为我的博客写教程，我正在使用 [code][/code]我想显示为代码的文本周围的标签。我试过更换 [code]与 <code> , <pre>或 <div class="code-block">

但是，对于 <code></code>如果我用空格缩进一些行，空格不会出现，所以它不那么容易阅读。例如

<div id="example1">
code which I would like indented
</div>

<div id="more-code1">
more code
</div>

与 <pre></pre>空格确实显示正常，但看起来像这样

<div id="example2">

code which I would like indented

</div>



<div id="more-code2">
more code
</div>

如果我这样做 <div class="code-block"></div>它看起来与使用 code 相同

这可能与我如何显示帖子有关，所以这是我的 PHP 代码

<div class="box-content">
    <p><?php echo bbconvert(nl2br(htmlentities($post['content'], ENT_QUOTES))); ?></p>
</div>

bbconvert()是一个替换 [list] 的简单函数与 <ul>或 [row]与 <li>

Answer 1

你看过Google Code Prettify了吗？ ？

我已将它用于无数代码显示和教程。如果不是，请将其放在 <pre></pre> 之间标签。这将使 HTML 中的空格变得重要，因此无论您在 .html 文件中键入什么，都将以等宽字体完全显示在网页上键入的内容