jekyll - Jekyll 中围栏代码块的水平滚动条

Question

如何使用 kramdown 和 rouge 在 jekyll 中为我的围栏代码块启用水平滚动条？

是否有任何参数可以添加到我的_config.yml文件中？本质上我想模仿来自 GitHub 的代码块，如下所示

但这就是我最终得到的

有任何想法吗？

Answer 1

正如 Brad West 所说，这毕竟不是 kramdown 问题。我只需要对我的基本 CSS 文件进行以下修改

pre {
  overflow: auto; /* I added this */
  padding: 15px;
  margin-bottom: 0;
  font-size: 14px;
 /* white-space: pre-wrap; I deleted this
  word-wrap: break-word;  and this
  word-break: break-all; and also this */ 
}

Answer 2

这是一个 CSSoverflow问题，而不是 Jekyll 问题。

将以下内容添加到您的pre元素中：

pre {
  overflow-x: auto;
}