웹 사이트 전체 및 단일 코드 블록에 대해 SyntaxHighlighter 코드 블록의 최대 높이를 설정하는 방법은 무엇입니까?

Question

및은 모두 SyntaxHighlighter 코드 블록의 최대 높이를 전역으로 설정하고 싶습니다.

당신이 구현 SyntaxHighlighter와 블로거 템플릿에 per these instructions here, 직전 </head> 작업을 일단 추가 :

<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 줄의 작은 코드 행이 이어지고 톤의 공백 뒤에 단어 "end"가옵니다. 게시물의 다음 항목이 나타나는 위치를 나타냅니다.

1. 내가 모든 공백을 원하지 않는다 - 나는 1024 픽셀가 최대 높이가 아니라 고정 된 값으로 원하고 ...
내가 다른 설정하는 옵션을 갖고 싶어
2. , 개별 코드 블록에 대한 로컬 최대 높이 설정. 예는 : 1024 픽셀 내 전체 사이트에 걸쳐 세계 최대해야하지만, 어쩌면 나는 등

다음 코드 블록 500 개 픽셀 다음에 다른 코드 블록에 대한 특정 게시물에 350 개 픽셀을 원하는

Answer 1

사용 CSS 스타일

최대 높이까지

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