如何设置syntaxhighligher代码块的最大高度，包括网站范围内的高度和单个代码块的高度？

Question

我想在本地和全局设置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”来表示帖子中的下一个项目出现的位置。

1. 我不希望所有的空白--我希望1024像素是最大高度，而不是固定值，并且...
2. 我想要有为单个代码块设置其他本地最大高度设置的选项。例如：1024像素应该是我整个站点的全局最大值，但也许我希望在某个帖子上为不同的代码块设置350像素，然后为下一个代码块设置500像素，等等。

Answer 1

使用css样式

最大高度

.syntaxhighlighter {
    overflow-y: auto !important;
    overflow-x: auto !important;
    max-height: 1024px;
}