如何在与Jekyll一起使用pygments时支持滚动

在使用Jekyll时，是否可以在带有pygments的代码段中使用水平滚动而不是文本换行

文件来源：

{% highlight bash %}

Full thread dump OpenJDK Client VM (19.0-b09 mixed mode, sharing):

"Attach Listener" daemon prio=10 tid=0x0a482400 nid=0x5105 waiting on condition [0x00000000]
java.lang.Thread.State: RUNNABLE
....
{% endhighlight %}

生成的页面（注意十六进制地址被包装而不是滚动）：

---

在以下位置找到你的highlight.css： /PROJECT\u ROOT/assets/themes/THEME\u NAME/css/highlight.css

并在末尾添加这一行：

pre { white-space: pre; overflow: auto; }

---

感谢@manatwork提供的解决方案。

这个答案特别涉及在github页面上使用pygments和jekyll

高亮显示由此生成：

<div class="highlight">
  <pre>
    <code>
      ... pygments highlighting spans ...
    </code>
  </pre>
</div>

将使您到达所需位置的css是：

.highlight pre {
    word-wrap: normal;
}

.highlight pre code {
    white-space: pre;
}

/--wrapper div前面的选择器，用于防止冲突
.突出显示前置码*{
空白：nowrap；//这会将内部的所有子级设置为nowrap
}
.突出显示预{
overflow-x:auto；//这将设置x中的滚动
}
.突出显示预编码{
空白：pre；//强制
遵守格式
/* Make code block overflow */
.highlight pre {
  display: inline-block;
}

}
我使用的是Jekyll和Twitter引导，以下是最终对我有效的方法：

对于我来说，使用最新和最伟大的Jekyll&highlighter版本，这就解决了问题：

这不是真的Jekyll/Pygments问题，而是CSS问题。使用类似于
.highlight pre{white space:pre；overflow:auto；}
的方法应该可以。如果需要更多帮助，请在CSS文件中显示生成的文档。或者在HTML文档的
head
section.NVM的
style
标记之间。NVM发现它在highlight.css文件中。这样做。。水平卷轴不正常。如何修复它我最终不得不这样做才能让它正常工作，不确定它是否也能为你工作。pre{空格：pre；溢出：滚动；宽度：inherit；}非常感谢！我也在使用bootstrap，而且永远无法让所有的东西一起工作。这解决了我的问题！：）至少在我的Pygments实现中，没有标记。从上面的CSS解决方案中删除单词
code
，一切都正常运行了。这是唯一对我有效的解决方案。问题出在
换行
，而不是
空白
！
/* Make code block overflow */
.highlight pre {
  display: inline-block;
}