CSS隐藏滚动条
最近发现博客显示代码时，在chrome浏览器中会出现问题，用的自己做的插件FHilght，核心是SyntaxHighlighter。主要就问题是在某些模版下，行号的后面会出现滚动条，如：
有些模版就不会，仔细研究了下模版的CSS文件，发现没问题的模版基本上都没设置pre样式，所以不会对代码显示产生影响，而设置了pre样式的，会按模版文件设置的显示，就会出现行高与SyntaxHighlighter设置的高度不一样，就会出现滚动条。最简单的办法就是在对应的pre样式中加一行：
overflow-y:hidden;就可以隐藏竖向的滚动条，横向的是overflow-x。
改后效果正常。
Published by 阿飞 on
Tags: SyntaxHighlighter, css
暂无评论