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

Posted 2023-03-30

【中文标题】如何使用 Lanyon 在 Jekyll 中启用水平滚动

【英文标题】：How to enable horizontal scrolling in Jekyll with Lanyon

【发布时间】：2015-07-30 01:53:29

【问题描述】：

我有一个托管在 Github Pages 上的网站，使用带有 Lanyon 主题的 Jekyl。但是，无论我如何摆弄 CSS，我似乎都无法让代码块具有水平滚动条。默认情况下，它们会换行，我可以让文本超出框，但我无法获得滚动条。

此页面上的第一个代码块有几行换行：http://nicktobey.me/2015/07/29/monads/

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

【参考方案1】：

使用 Jekyll 3.4.0 和 Poole, Lanyon，我能够通过添加以下 CSS 来使水平代码正确滚动：

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