带引导程序的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;
}