我是网络开发的新手,可能有一个主要问题。
我已经在我的网站上安装了 Joomla 2.5 CMS,下载、安装并打开语法荧光笔 http://alexgorbatchev.com/SyntaxHighlighter/插入。然后启用bash
语法并在我的页面中添加了以下代码
<pre class="brush: bash">$ uname -a
Linux laptop 2.6.32-41-generic #89-Ubuntu SMP Fri Apr 27 22:22:09 UTC 2012 i686 GNU/Linux
$</pre>
我得到这个结果
没关系,但我不知道为什么会出现突出显示的垂直滚动条。它仅滚动一两个像素。所以,我尝试的是将以下代码添加到模板的开头CSS
file
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody {
overflow-y: hidden;
}
这对我没有帮助,我认为问题更深层次。您对如何删除这个垂直滚动条有什么想法吗?
Update如果我使用!important
模板中的声明CSS
滚动条消失,但突出显示代码的块在页面缩放时表现得非常奇怪。
您可以添加以下样式来删除垂直滚动条并仅在需要时添加水平滚动条:
<style type="text/css">
.syntaxhighlighter {
overflow-y: hidden !important;
overflow-x: auto !important;
}
</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)