使用Prism.js防止Word缠绕

Question

我的博客由幽灵驱动，Prism.js用于语法突出显示。这很好用，但我想禁用word包装，使代码片段更容易阅读。是否有可以切换的Prism.js配置设置，或者可以通过更改博客的样式表来解决这个问题？我已经对white-space属性进行了实验，但是我一直无法使它工作。要查看这个问题的示例，您可以访问这篇博客文章。

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;
}