Social Icons

twitterfacebookgoogle plusrss feedemail

1/11/2013

[Blog] 解決 Syntax Highlighter 在Chrome 發生多行空白問題


參考這篇文章: [Blogger] 文章中嵌入程式碼 
在chrome 上 使用 SyntaxHighlighter 3.0 通常會發生類似上面的情形,多出很多空白行
這邊只要稍微修改一下 shCore.css中的一小段程式碼即可以修正。


http://alexgorbatchev.com/pub/sh/current/styles/shCore.css
可以先把上面的CSS檔案下載下來,修改完成後傳到網路上做替換。

原本的寫法:
 .syntaxhighlighter table td.gutter .line
{
 text-align: right !important;
 padding: 0 0.5em 0 1em !important;
}

修改成這樣:
 .syntaxhighlighter table td.gutter .line {
 text-align: right !important;
 padding: 0 5px !important;
}

改完之後應該會變成這樣

以下這是我修改完成後的檔案
https://sites.google.com/site/atianbuluoge/fu-jian/shCore.css
也可以直接使用我的檔案與"http://alexgorbatchev.com/pub/sh/current/styles/shCore.css"做替換


沒有留言:

張貼留言

俗話說
凡走過必留下痕跡,凡住過必留下鄰居
凡爬過必留下樓梯,凡來過必留下IP
看過文章之後歡迎留下您寶貴的意見喔!

 
 
无觅相关文章插件,迅速提升网站流量