我想在本地和全局设置SyntaxHighlight代码块的最大高度。
这里有一个全局实现的例子,它可以工作:
一旦您实现了SyntaxHighlight并按照这里的这些说明工作,就在您的Blogger模板的之前添加:
<style type="text/css">
.syntaxhighlighter {
height: 1024px;
overflow-y: auto !important;
overflow-x: auto !important;}
</style>
(资料来源)。这将限制代码大小为1024个垂直像素,然后添加一个垂直滚动条以查看其余部分。这是很好的,但它没有设置最大高度,相反,它设置了一个固定的高度。因此,即使您的代码只有4行长,它现在使高度1024像素,在您的4行下和下一个东西出现在您的帖子之前推动空白。
例如,请注意下面的内容。这是我网站上的临时页面:http://www.electricrcaircraftguy.com/p/test-page_19.html。您将看到一个很长的代码块,这很好,因为它需要>1024个垂直像素来显示,后面是4小行代码,后面是一吨空白,后面是一个单词“End”来表示帖子中的下一个项目出现的位置。
使用css样式
最大高度
.syntaxhighlighter {
overflow-y: auto !important;
overflow-x: auto !important;
max-height: 1024px;
}