0

我使用 SyntaxHighlighter Evolved 在我的 wordpress 网站上显示代码。使用 TwentyTwelve 主题的一个站点，一切都按预期工作。但是，在另一个使用 Virtue 的情况下，当启用行号时，所有代码都会下移一行。我看到了一个评论，但我不知道他们在改变什么。有没有其他人看到过这个，如果是这样，在 css 或类似中是否有任何简单的修复？

编辑：跟进，我意识到这种转变不会发生在 Chrome 中，而只会发生在 Firefox 中。一个典型的例子就是这里。

在此处输入图像描述

4

2 回答 2

2

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

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

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

  vertical-align: baseline !important;

并将其更改为：

  vertical-align: top !important;
于 2015-10-01T18:44:05.740 回答
1

如果其他人仍然遭受这个问题。似乎某些样式表可能会遇到与乔治回答中描述的错误不同的错误。

一些样式表将伪元素添加到表中。他们这样做是为了分隔元素。然而，syntaxhighlighter 进化也使用了表格，这意味着你的代码也会被隔开，与行号不对齐。为了解决这个问题，我们只需要通过将以下代码添加到我们的网站自定义 css 中来删除这些伪元素：

/*Fix stylesheet bug with syntaxhighlighter evolved and firefox*/
.syntaxhighlighter div::before, .syntaxhighlighter div::after{
    content: none /*remove pseudo-elements*/
}
于 2020-04-30T12:09:37.433 回答