提问者:小点点

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


我想在本地和全局设置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像素,等等。


共1个答案

匿名用户

使用css样式

最大高度

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