CSS隐藏滚动条

      最近发现博客显示代码时,在chrome浏览器中会出现问题,用的自己做的插件FHilght,核心是SyntaxHighlighter。主要就问题是在某些模版下,行号的后面会出现滚动条,如:

截图1290843398.jpg

有些模版就不会,仔细研究了下模版的CSS文件,发现没问题的模版基本上都没设置pre样式,所以不会对代码显示产生影响,而设置了pre样式的,会按模版文件设置的显示,就会出现行高与SyntaxHighlighter设置的高度不一样,就会出现滚动条。最简单的办法就是在对应的pre样式中加一行:

overflow-y:hidden;

    就可以隐藏竖向的滚动条,横向的是overflow-x。

改后效果正常。

截图1290843438.jpg

Published by 阿飞 on
Tags: SyntaxHighlighter, css

暂无评论