Syntax Highlighter 오른쪽 스크롤 바 제거 방법

Chrome 브라우저에서 코드 영역에 항상 스크롤 바가 있습니다. Firefox는 이런 상황을 겪지 않습니다.인터넷에는 많은 해결 방법이 있습니다.plugin/syntaxhighlisghter/3.0.81/css 디렉터리에서shCoreDefault를 수정합니다.css에서...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 스크롤 바의 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!

좋은 웹페이지 즐겨찾기