SyntaxHighlighter语法高亮插件在Chrome下出现右侧滚动条解决方法

SyntaxHighlighter已经成为高亮插件主流,最近使用发现默认下载安装不做修改的话在Chrome下会出现右侧滚动条,特别丑

解决这个问题只需要一行代码搞定

【爆款云服务器限时促销】
阿里云云服务器u1-实例2核4G 80G,新人专享渠道特惠价只要199元!特惠热卖中。 点击立即购买

找到shCore.css这个文件,找到下面代码

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

改成以下代码

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

搞定!即给.syntaxhighlighter类下的table加一个1px像素的外边距。

分享

TITLE: SyntaxHighlighter语法高亮插件在Chrome下出现右侧滚动条解决方法

LINK: https://www.qttc.net/82-syntaxhighlighter-chrome-style.html

NOTE: 原创内容,转载请注明出自琼台博客