使用Prism.js防止自动换行

Question

我的博客由Ghost提供支持，Prism.js用于语法突出显示。这很好用，但是我想禁用自动换行以使代码片段更易于阅读。是否有Prism.js配置设置我可以切换或者可以通过更改博客的样式表来解决这个问题吗？我已经尝试了white-space属性，但我无法使其工作。要查看问题的示例，您可以访问this blog post。

Answer 1

您可以通过将word-wrap CSS属性与pre和code块设置为normal来实现此目的。例如：

code[class*="language-"],
pre[class*="language-"] {
    word-wrap: normal;
}

据我所知，这是默认CSS（http://prismjs.com/download.html）的一部分，所以可能在定制棱镜样式时错误地删除了它。

Answer 2

就我而言，我还需要使用 * 包含任何子元素，如下所示：

code[class*="language-"],
code[class*="language-"] *,
pre[class*="language-"] {
    word-wrap: normal;
    word-break: normal;
}