很难让 pre 和 code 标签滚动而不是换行

Question

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

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

其他人能看出问题所在吗？

Answer 1

我想如果你在声明中添加以下属性就可以了。

useBR:false

Answer 2

最后偶然发现答案here：

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