难以获得pre和代码标签滚动而不是换行

Question

My website是使用我自己创建的静态站点生成器构建的，并使用Bootstrap进行布局。我正在使用Highlight.js进行语法突出显示（作为构建过程的一部分运行服务器端）并且它运行良好。然而，有一件事让我难过。

我希望代码标记在行太宽时滚动，而不是换行到下一行。通常，我相信这通常可以通过使用<pre>为white-space: nowrap标签设置样式来完成，但这在这里不起作用，我尝试的所有内容都没有效果或者只是将所有内容推向左侧

其他人可以看到问题所在吗？

Answer 1

Stumbled across the answer here in the end:

pre {
    overflow-x: auto;
}
pre code {
    overflow-wrap: normal;
    word-wrap: normal;
    white-space: pre;
}

Answer 2

我认为如果你在声明中添加以下属性，那就没问题。

useBR:false