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

Question

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

这是一个有点有效的全局实现示例:

一旦你得到SyntaxHighlighter实现和工作 per these instructions here , 就在 </head> 之前在您的 Blogger 模板中，添加:

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

(Source)。这会将代码大小限制为 1024 个垂直像素，然后添加一个垂直滚动条以查看其余部分。这很好，但它没有设置最大 高度，而是设置了一个固定 高度。因此，即使您的代码只有 4 行长，它现在也使高度为 1024 像素，将空白推到您的 4 行下方，并在下一个内容出现在您的帖子之前。

例如下面的通知。这是我网站上的临时页面:http://www.electricrcaircraftguy.com/p/test-page_19.html .您会看到一长段代码，这很好，因为它需要显示 > 1024 个垂直像素，然后是 4 小行代码，然后是 ton 空白，然后是“结束”一词表示帖子中的下一个元素出现的位置。

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

Answer 1

使用CSS样式

最大高度

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