A-A+
WP-Code-Highlight插件支持自适应设置
WP-Code-Highlight插件是一款使用用户量较多的一款插件,其主要特点就是使用非常简单,且展现代码的形式也很简单,几乎可以说是在所有高亮插件中最为简洁的一款插件了,这也是许多用户最为青睐的原因了,不过在使用了许久之后发现了 WP-Code-Highlight插件最大的一个缺点就是不能够支持自适应,也就是高亮着色的代码不会自动换行,这很影响美观的。
在谷歌了一番之后,终于找到解决的方法了,下面夏日博客就将解决的方法分享一下,其实也很简单,就是修改CSS样式,首先打开插件文件目录,找到 /wp-content/plugins/wp-code-highlight/css/wp-code-highlight.css 文件,然后找到如下代码:
.prettyprint
然后为这个代码添加属性,如下所示:
white-space: pre-wrap;word-wrap: break-word;
好了,现在再去看一下自己的高亮代码吧,是否已经兼容自适应了,当然前提是你的主题是自适应的,另外,如果我们使用了缓存等插件,一定要提前清理一下。
感谢提醒,用的highlight.js但是原理是一样的,pre加上white-space: pre-wrap;word-wrap: break-word;就解决了自适应的问题
这个插件干嘛的··没有用过呢·
简单的高亮插件。
谢谢楼主分享,我都找了好久