如何使用Lanyon在Jekyll中启用水平滚动

Question

我在Github Pages上有一个网站，使用Jekyl和Lanyon主题。但是，无论我如何使用CSS，我似乎无法让代码块具有水平滚动条。默认情况下，它们会换行，并且我能够将文本扩展到框外，但我无法获得滚动条。

此页面上的第一个代码块包含多行：http://nicktobey.me/2015/07/29/monads/

我在How to support scrolling when using pygments with Jekyll尝试了所有建议，但没有一个有效。

Answer 1

使用Jekyll 3.4.0和Poole，Lanyon，我可以通过添加以下CSS来使水平代码向右滚动：

pre.highlight {
    word-wrap: normal;
    overflow-x: auto;
    white-space: pre;
}