修改用SyntaxHighlighter显示代码的行间距

经常用wordpress写博客的技术控们,一般都习惯用到SyntaxHighlighter插件,我也常用,不过今天打开我以前发的带有代码的文章发现,每行代码密密麻麻,非常难看,行间距太小,那如何把用SyntaxHighlighter显示的代码的行间距弄大一些呢?

首先找到这个文件夹:wp-contentpluginswp-syntaxhighlightersyntaxhighlighter3styles

用记事本打开shCore.css,找到下面的一段代码(开头部分)。

<span style="font-family: Courier New;">.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.1em !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 1em !important;
  min-height: inherit !important;
  min-height: auto !important;
}</span>

找到  line-height: 1.1em !important;

把其中的1.1em改大一些就行了。

 

打赏

发表评论

电子邮件地址不会被公开。