javascript - 引导程序的 SyntaxHighlighter 边距错误？

Question

我有这个代码。

<pre class="brush: xml">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;Test xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema&quot;&gt;
    &lt;ABC&gt;
      &lt;A&gt;B&lt;/A&gt;
    &lt;/ABC&gt;
&lt;/Test&gt;</pre>

而这个javascript。

<script type="text/javascript">SyntaxHighlighter.all();</script>

在此之前我加载：

• XRegExp.js
• shCore.js
• shBrushXml.js

和CSS：

• shCoreRDark.css
• shThemeRDark.css

但它看起来像：

问题是第一行在第 1 行和第 2 行之间。边距不正确还是别的什么！？我不知道。使用 FireBug 我找不到问题 :(

顺便说一句......是否可以禁用/隐藏“？” 右上角的按钮？

小提琴示例（解析错误！？）：http: //jsfiddle.net/Zrm2G/

Answer 1

我相信这个问题与使用 class="container" 的 SyntaxHighlighter 有关，它与 BootStrap 有名称冲突。

特别是，bootstrap.css 添加了以下内容，将边距放在我们可显示的内容之前：

.container:before, .container:after {
    display: table;
    content: "";
    line-height: 0;
}

当在 SyntaxHighlighter 表中使用容器类时，我通过在我的站点主 css 文件中覆盖此 css 来解决此问题：

.syntaxhighlighter table .container:before {
    display: none !important;
}