我在 Github Pages 上托管了一个网站,使用 Jekyl 和 Lanyon 主题。但是,无论我如何摆弄 CSS,我似乎都无法让代码块具有水平滚动条。默认情况下,它们会换行,我能够让文本延伸到框之外,但我无法获得滚动条。
此页面上的第一个代码块有几行换行:http://nicktobey.me/2015/07/29/monads/
我在 How to support scrolling when using pygments with Jekyll 尝试了所有建议, 但它们都不起作用。
最佳答案
使用 Jekyll 3.4.0 和 Poole, Lanyon,我可以通过添加以下 CSS 来使水平代码滚动正确:
pre.highlight {
word-wrap: normal;
overflow-x: auto;
white-space: pre;
}
关于css - 如何使用 Lanyon 在 Jekyll 中启用水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31713994/