使用棱镜.js防止自动换行

Prevent Word Wrap Using Prism.js

本文关键字：自动换行 js 棱镜      更新时间：2023-09-26

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

您可以通过

针对pre设置word-wrap CSS属性并code块来normal来实现此目的。例如：

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

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

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

code[class*="language-"],
code[class*="language-"] *,
pre[class*="language-"] {
    word-wrap: normal;
    word-break: normal;
}
相关文章：