Syntax Highlighter 오른쪽 스크롤 바 제거 방법
1670 단어 SyntaxHighlighter스크롤 바
padding:1px;
하면 됩니다.
.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
padding:1px;/* */
}
다음은 다른 네티즌의 보충입니다.Syntax Highlighter 이것은 하이라이트 플러그인입니다.현재 많은 사이트의 코드 표시에 사용되고 있다.그러나 Syntax Highlighter 3.0.83은 너비와 높이에 적응하기 때문에 스크롤 막대에 문제가 있었다.
사실 이 문제는 css 파일을 수정하면 삭제할 수 있습니다.테마 파일 shCoreDefault를 수정합니다.css(기본 모델)
오른쪽 스크롤 막대 제거:
아마 shCoreDefault에 있을 거예요.css 파일 39행 위치:
padding:0 !important;
수정:
padding: 1px 0 !important;
인터넷에서 36줄일 수도 있어요. margin: 0!important;margin: 1px 0으로 수정!important;이렇게 수정하면 두 번 클릭하면 오류가 발생합니다.
아래쪽 스크롤 막대를 제거하려면 다음과 같이 하십시오.
사실 나도 쌍방이 모두 좋게 할 방법을 찾지 못했는데, 왜 이렇게 말하는가.여기에서 나는 두 가지 방법을 제공하지만, 결함이 많다.
건의: 코드를 질 때 길이를 주의하세요. 일정한 길이를 초과하지 않으면 스크롤 바가 나타나지 않습니다.
1. 자동 줄 바꿈
.syntaxhighlighter .line {
white-space: pre !important;
}
이pre를normal로 수정하면 앞의 줄 수가 틀립니다.
2. 자동 숨기기
.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
}
오버플로우를 수정하는 auto는hidden입니다. 자동 숨김을 초과합니다.이 방법은 더욱 아름다운 관점이지만, 한편으로는 코드를 볼 수 없다.
이 글은 Syntax Highlighter에서 오른쪽 스크롤 바를 제거하는 방법에 대한 소개입니다. 더 많은 Syntax Highlighter 스크롤 바의 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
FCKeditor 와 SyntaxHighlighter 코드 하 이 라이트 플러그 인의 통합This is a dialog-based plugin to handle formating of source code for It WON'T work with the new (yet).(CKEditor 는 FCKEdi...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.