WordPress代码高亮宽度过长怎么去掉滚动条?简单两段CSS代码帮你实现自动换行。

2022年8月9日08:11:27CMS教程评论108字数 291阅读0分58秒阅读模式

我们在使用 WordPress 的一些主题带的代码高亮样式非常好看,可是不能自动换行,对于一些长代码甚至遮盖住看不到,网上有针对特定高亮代码插件的自动换行的解决办法,就是在高亮代码的主样式的 css 添加。

可以看到高亮代码的顶层样式为:prettyprint;

WordPress代码高亮宽度过长怎么去掉滚动条?简单两段CSS代码帮你实现自动换行。

在主题文件中搜索”prettyprint”,在 dux/css/main.css 中找到 prettyprint 的样式,

white-space: pre-wrap;
word-wrap: break-word;

添加:

WordPress代码高亮宽度过长怎么去掉滚动条?简单两段CSS代码帮你实现自动换行。

添加 css 样式后实现了代码自动分行,如果使用其他类型的高亮代码如果同样存在不会自动换行的问题,可以参考本方法解决方法比较简单。

admin
  • 如有侵权请联系本站删除,我们不提供免费技术支持,如链接失效请留言告知,本文属于用户投稿。
  • 转载请务必保留本文链接:https://www.zzwvps.com/942.html

发表评论