码迷,mamicode.com
首页 > 其他好文 > 详细

隐藏SyntaxHighlighter滚动条

时间:2015-03-03 11:29:44      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

最新版SyntaxHighlighter默认Y轴是有滚动条的,但其实高度是自适应,所以Y轴不需要滚动条,而X轴由于要显示正确的行数,所以滚动条我们还是保留,如果不想X轴有滚动条,在编辑代码的时候就要注意每行的代码量。

隐藏Y轴滚动条需要修改 /Syntaxhighlighter/styles/shCoreDefault.css 此样式表,定位到第55行

1
2
3
4
5
6
7
.syntaxhighlighter {
width100% !important;
margin1em 0 1em 0 !important;
positionrelative !important;
overflowauto !important;
font-size1em !important;
}

将其中 overflow: auto !important; 修改为 overflow-y: hidden; 就ok了。

本文来自:http://itdos.com/JavaScript/20150303/0213262.html 转载请保留此文字,谢谢!

隐藏SyntaxHighlighter滚动条

标签:

原文地址:http://www.cnblogs.com/itdos/p/4310306.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!