如何在网站范围内和单个代码块中设置SyntaxHighlighter代码块的最大高度？

Question

我希望本地和全局设置SyntaxHighlighter代码块的最大高度。

以下是排序的全局实现示例：

在您的Blogger模板中</head>之前实施SyntaxHighlighter per these instructions here之后，请添加：

<style type="text/css">
  .syntaxhighlighter {
    height: 1024px;
    overflow-y: auto !important;
    overflow-x: auto !important;}
</style>

（Source）。这会将代码大小限制为1024垂直像素，然后添加垂直滚动条以查看其余内容。这很棒，但它不会设置 max 高度，而是设置固定的高度。因此，即使你的代码只有4行长，它现在使高度为1024像素，在你的4行下方推出空白区域，然后在你的帖子上出现下一个东西。

例如，请注意以下内容。这是我网站上的临时页面：http://www.electricrcaircraftguy.com/p/test-page_19.html。你会看到很长的代码块，这很好，因为它需要＆gt;要显示1024个垂直像素，然后是4行代码，接着是 ton 的空格，后跟单词“end”以指示帖子中下一个项目出现的位置。

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

Answer 1

使用css样式

最大高度

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