Css 使用jekyll、kramdown和rouge防止代码块换行

在jekyll博客中使用kramdown和rouge突出显示标记语法，我想防止长代码行被换行。我希望能够使用水平滚动条显示其余内容

以下是jekyll配置：

markdown: kramdown
kramdown:
  input: GFM
  syntax_highlighter: rouge

我正在使用由

rougify

命令生成的

base16.solarized.dark

css主题

下面是一个示例代码用法：

```` js
console.log("some code") // and a really really long long long comment which i'd like to not wrap onto the next line
````

---

您有一个CSS规则，用于

code

元素设置

空白：pre-wrap

。添加以下规则以覆盖它：

code {
    white-space: pre;
}

---

Boostrap正在添加一个

空白：预包装

规则，以帮助代码块的可读性

如果希望代码块避免这种换行，可以编辑css/data creative.css并添加

pre code{
  white-space: pre;
}

我是这样解决的：

pre {
    ...
    overflow-x: scroll;
}

---

在没有看到css堆栈的情况下无法进行调试。你能提供一个存储库链接吗？使用twitter引导和base16.solarized.dark作为css-谢谢！我以前尝试过设置此属性，但可能是将其应用于错误的元素/元素集。非常感谢。溢出-x：自动；也有效