网站首页
Java
站长
开源
框架
理论
JS
Linux
DB
服务器
NET
生活
软件
PHP
其他
您的位置:首页 > 开源 > syntaxhighlighter不显示右边滚动条
syntaxhighlighter不显示右边滚动条
2014-7-17    8051    0

我使用的版本是3.0.83,注意版本差异,有的人光说怎么改不说自己用的那个版本,很可能误导别人。

这里只需要修改样式文件shCoreDefault.css,当然你用的那个修改那个。修改

.syntaxhighlighter textarea {}

 这里他有一个样式是这样写的

overflow: visible !important;

这样是滚动条可见,可以在这下面增加内容

overflow-y: hidden !important; 
padding: 0 1px 2px 0 !important;

意思是右边的滚动条隐藏。实际效果就是现在我博客上面的效果。因为没有屏蔽下面的滚动条,我增加了padding,使代码显示下面有滚动条时不至于太挤。

这里有人会说为什么不把下面的也屏蔽掉,其实下面的也可以屏蔽掉,有三种方式:1,自动换行。2,隐藏。3,别写太长代码。

1和2使用能达到效果,担心会有问题,所以还是建议你考虑3,输入的时候注意即可。

上面两个样式的解释参考:

http://www.w3school.com.cn/cssref/pr_padding.asp

http://www.w3school.com.cn/cssref/pr_padding.asp

上一篇: MySQL 在Linux下设置MySQL区分大小写
下一篇: Spring 使用注解配置使用ehcache
发表评论:
您的网名:
个人主页:
编辑内容: