首页 > 其他 > 详细

隐藏SyntaxHighlighter滚动条

时间:2015-03-03 11:27:01      阅读:249      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!