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

admin CMS教程评论426阅读模式

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

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

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

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

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

添加:

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

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

文章声明:
1、本站文章来源于互联网,仅供学习交流参考使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系站长屋VPS小编,或者自行点击 投稿。
4、若文章中有侵权或不适当内容,请告知我们,本站会第一时间进行处理。 免责申明。
admin
  • 我们不提供免费技术支持,本文属于用户投稿。
  • 转载请务必保留本文链接:https://www.zzwvps.com/942.html

发表评论