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

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

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

【国内直连ChatGPT 29元起】
国内直连ChatGPT,Plus会员每月29元起,支持最新o1模型探索更多领域,无需注册OpenAI账号。

找到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: 原创内容,转载请注明出自琼台博客