消除WP SyntaxHighlighter插件在Chrome浏览器中右侧滚掉条

By | 2015年4月21日

解决方法:

进入wp-content\plugins\syntax-highlighter\syntaxhighlighter3\styles目录,打开shCoreDefault.css文件,修改第39行代码:

padding: 0 !important;
修改改为:
padding: 1px 0 !important;

P.S.

当代码宽度大于浏览器宽度时,会有水平滚动条,这个比较合理,是应该的。

 

我使用的是Default模板,如果使用的是非Default模板,可能还要修改wp-content\plugins\syntax-highlighter\syntaxhighlighter3\styles\shCore.css:

.syntaxhighlighter table {
  width: 100% !important;
}

替换成

.syntaxhighlighter table {
  width: 100% !important;
  margin: 1px 0 !important;
}