使用 Prism.js 防止自动换行

Question

我的博客由Ghost提供支持， Prism.js用于语法高亮显示。 这很好用，但我想禁用自动换行以使代码片段更易于阅读。 是否有我可以切换的 Prism.js 配置设置，或者可以通过更改博客的样式表来解决这个问题？ 我已经尝试过white-space属性，但我没能让它发挥作用。 要查看问题的示例，您可以访问此博客文章。

Answer 1

您可以通过将pre和code块的word-wrap CSS 属性设置为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;
}