Javascript 如何设置SyntaxHighlighter代码块的最大高度（包括网站范围和单个代码块）？

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

下面是一个全局实现的示例，它可以工作：

一旦实施并开始工作，就在Blogger模板中的

之前，添加：

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

.荧光灯{
高度：1024px；
溢出y：自动！重要；
溢出-x:auto！重要；}

（）。这会将代码大小限制为1024个垂直像素，然后添加一个垂直滚动条以查看其余部分。这很好，但它没有设置最大高度，而是设置了一个固定高度。所以，即使你的代码只有4行长，它现在的高度是1024像素，在你的4行代码下，在下一个内容出现在你的文章之前，它会将空白区域压入

例如，请注意下面的内容。这是我网站上的临时页面：。您将看到一个很长的代码块，这很好，因为它需要>1024个垂直像素来显示，后面是4行代码，后面是大量的空白，后面是单词“end”来指示文章中下一个项目的显示位置

我不希望所有的空白——我希望1024像素是一个最大高度，而不是一个固定值，而且

我想有一个选项，可以为各个代码块设置其他本地最大高度设置。例如：1024像素应该是我整个站点的全局最大值，但可能我希望某个帖子上的350像素用于不同的代码块，然后是500像素用于下一个代码块，等等

使用css样式

最大高度

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

---

到现在为止，一直都还不错！那么本地覆盖的规范呢？也许我可以在一篇单独的帖子中，在每个代码块的正上方重新发布这段代码，更新每个代码块的

max height

值？该样式将应用于所有具有类的div。syntaxhighlighter…您还有其他具有不同类的div吗？Web设计是我甚至不太了解的领域之一，无法理解您的问题。我们说话的时候我在谷歌上搜索“div”。很抱歉我在这方面做得太差了。我在我的网站模板中搜索了“div”，得到了401次点击。我似乎有数百个类。当你将我的样式添加到你的容器中时…你希望最大高度影响所有div吗？如果没有…找到div的类或id并应用样式…如果它有很多类，我建议使用“id”而不是class，因为如果你设置了一个类的样式，那么该类的所有div都会受到影响（包括你不想受到影响的div）