Jekyll抵消了代码片段突出显示的初始行

Question

所以我使用Jekyll和Pygments在我的博客上设置代码突出显示，并且每个片段的第一行都被一些无穷小的数量抵消。我正在尝试使用lineno类的右边界来创建一个排水沟，这使得偏移非常明显，如下所示

当我检查相关区域时，这是DOM，

以下是来源：

以下是相关的CSS来源：

.highlight code {
    background:#3A434A;
    font-family: 'Source Code Pro', Monaco, monospace;
    }
.highlight pre {
    background:#3A434A;
pre .lineno { 
    color: #eff1f5; 
    display:inline-block; 
    padding: 4px 10px 4px 0px; 
    border-right:1px solid #8fa1b3
}

这激怒了我，哈哈;我确定我错过了一些明显的东西。我在所有浏览器中获得一致的行为。另外，如果您想自己查看，请Here's一个链接。

Answer 1

来自Jekyll css

pre > code {
  border: 0;
  padding-right: 0;
  padding-left: 0; }

代码 padding-left需要 0 。