Javascript 使用Prism.js防止换行

Javascript 使用Prism.js防止换行,javascript,css,ghost-blog,Javascript,Css,Ghost Blog,我的博客由提供动力并用于语法突出显示。这非常有效,但我想禁用word wrap以使代码片段更易于阅读。我是否可以切换Prism.js配置设置,或者可以通过更改博客的样式表来修复?我曾尝试过空白属性,但一直无法使其正常工作。要查看此问题的示例,您可以访问。您可以通过将word wrapCSS属性与pre和code块设置为normal来实现此目的。例如: code[class*="language-"], pre[class*="language-"] { word-wrap: normal

我的博客由提供动力并用于语法突出显示。这非常有效,但我想禁用word wrap以使代码片段更易于阅读。我是否可以切换Prism.js配置设置,或者可以通过更改博客的样式表来修复?我曾尝试过
空白
属性,但一直无法使其正常工作。要查看此问题的示例,您可以访问。

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

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

据我所知,这是默认CSS()的一部分,所以可能是在定制棱柱样式时被错误地删除了

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

code[class*=“language-”],
代码[类*=“语言-”]*,
前[类*=“语言-”]{
换字:正常;
断字:正常;
}

太好了。这就是诀窍,安东尼。我没有修改我从Prism.js网站下载的内容,但Ghost可能添加了一些自己的自定义项。很高兴它成功了:)如果可以跟踪到Ghost设置过程(我对Ghost不熟悉,只是听说过它)值得在项目页面上作为一个问题进行报告,因为我确信其他用户会遇到这种情况。
code[class*=“language-”]{空白:pre-wrap!important;}
对我很有效。