使用SyntaxHighlighter Evolved和Virtue主题从Wordpress中的编号向下移动一行代码

Question

我使用SyntaxHighlighter Evolved在我的wordpress网站上显示代码。一个使用TwentyTwelve主题的网站，一切都按预期工作。但是，在另一个使用Virtue的情况下，当打开行号时，所有代码都会向下移动一行。我在这看到one comment，但我无法弄清楚他们正在改变什么。有没有其他人看过这个，如果有的话，css或类似的有什么简单的解决方法吗？

编辑：要跟进，我意识到这种转变不会发生在Chrome中，只会发生在Firefox中。典型的情况是here。

Answer 1

我遇到了同样的问题。你如何解决它（以及你所指的评论的含义）是：

编辑您正在使用的CSS文件，例如.../syntaxhiglighter/styles/shCore.css

导航到第44行，其中显示：

  vertical-align: baseline !important;

并将其更改为：

  vertical-align: top !important;

Answer 2

如果还有其他人仍在遭受这个问题的困扰。似乎某些样式表可能遭受的错误不同于George回答中描述的错误。

某些样式表将伪元素添加到表中。他们这样做是为了分隔元素。但是，evolutionaryhighlighter的改进也利用了表，这意味着您的代码也将被分隔开，使其与行号不对齐。 要解决此问题，我们只需将以下代码添加到我们的网站自定义css中即可删除这些伪元素：

/*Fix stylesheet bug with syntaxhighlighter evolved and firefox*/
.syntaxhighlighter div::before, .syntaxhighlighter div::after{
    content: none /*remove pseudo-elements*/
}