Loading
0

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

公众号搜索菜鸟站长之家

我们在使用 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、如果你有比较好的文章需要发布,可以联系菜鸟站长之家小编,或者自行点击 投稿
4、若文章中有侵权或不适当内容,请留言告知我们,本站会第一时间进行处理。
5、转载请保留原文地址,违者后果自负,本站保留一切法律追责权力。
6、如遇下载地址失效,请留言告知或者联系客服获取。