Как установить максимальную высоту кода кода синтаксисаHighlighter как по всему сайту, так и по одному блоку кода?

Question

Я хотел бы как локально , так и глобально установить максимальную высоту блоков кода синтаксисаHighlighter.

Вот пример глобальной реализации, рода работ:

После того, как вы получите 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 вертикальными пикселями, а затем добавит вертикальную полосу прокрутки, чтобы увидеть остальные. Это здорово, но он НЕ устанавливает максимум height, скорее, он устанавливает фиксированный height. Таким образом, даже если ваш код имеет длину всего 4 строки, теперь он составляет 1024 пикселя, подталкивая пробел под ваши 4 строки и до того, как следующее сообщение появится в вашем сообщении.

Примечание ниже, например. Это временная страница на моем сайте здесь: http://www.electricrcaircraftguy.com/p/test-page_19.html. Вы увидите длинный блок кода, который хорош, потому что он отображает> 1024 вертикальных пикселя для отображения, а затем 4 строки строки, а затем тонна пробела, за которым следует слово «конец» укажите, где появится следующий элемент в сообщении.

1. Я не хочу все это пустое пространство - Я хочу, чтобы 1024 пикселей быть максимальная высота не фиксированное значение, и ...
2. Я хочу, чтобы иметь возможность установить другой, локальные настройки максимальной высоты для отдельных блоков кода. Пример: 1024 пикселей должен быть глобальный максимум по всем моем сайте, но может быть, я хочу 350 пикселей на определенный пост для другого кодового блока, а затем на 500 пикселей для следующего блока кода и т.д.

Answer 1

использование CSS стиль

макс высота

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