代码之家 › 专栏 › 技术社区 › Bart Jacobs

防止使用Prism.js自动换行

ghost-blog css javascript

2

Bart Jacobs · 技术社区 · 9 年前

我的博客由 Ghost 和 Prism.js 用于语法突出显示。这很好,但我想禁用自动换行,以使代码片段更易于阅读。有棱镜吗。js配置设置我可以切换,或者可以通过更改博客的样式表来修复?我已经用 white-space 财产,但我没能让它发挥作用。要查看问题示例,您可以访问 this blog post .

2 回复 | 直到 9 年前

1

3

Anthony Blackshaw 9 年前

您可以通过设置 word-wrap CSS属性 pre 和 code 块到 normal 。例如:

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

据我所知,这是默认CSS的一部分( http://prismjs.com/download.html )因此,在定制棱镜样式时,它可能被错误地删除了。

2

0

Markus Knappen Johansson 3 年前

在我的例子中,我需要使用*包含任何子元素,如下所示:

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