css - 嵌入式要点有额外的换行符

Question

我在我的博客中嵌入了一个 github 要点，生成的代码在顶部和底部有一些额外的换行符，我想将其删除。我的博客使用了 bootstrap 元素中的 css，它还调整了字体:

body {
    font: 100%/1.5 sans-serif;
}

我已经 created this fiddle作为问题的演示。

消除中断的最佳方法是什么？我应该为嵌入的 gist 字体设置样式吗？谢谢!

Answer 1

除了必须重置字体的 Sody 答案之外，您还必须更改 white-space 属性行为以对齐代码和数字行。

与:

.gist pre,
.gist code {
    font: inherit;
    white-space: pre;
}

您的要点应该完美显示:JsFiddle