A-A+

WP-Code-Highlight插件支持自适应设置

2015年08月24日 PHP开源系统 评论 4 条 阅读 173 views 次

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;

好了,现在再去看一下自己的高亮代码吧,是否已经兼容自适应了,当然前提是你的主题是自适应的,另外,如果我们使用了缓存等插件,一定要提前清理一下。

标签:

4 条留言  访客:4 条  博主:0 条

  1. webwang

    感谢提醒,用的highlight.js但是原理是一样的,pre加上white-space: pre-wrap;word-wrap: break-word;就解决了自适应的问题

  2. 黑色理想

    这个插件干嘛的··没有用过呢·

    • smiling

      简单的高亮插件。

  3. 洪堡网

    谢谢楼主分享,我都找了好久

给我留言