이전 시간에 SyntaxHighlighter 를 적용해서 소스코드를 예쁘게 꾸며봤는데요.
가끔 티스토리나 블로그에서 적용해서 사용하다 보면 의미없는 스크롤바가 생기곤 합니다. 그래서 SyntaxHighlighter 스크롤바 없애기 방법을 알아보겠습니다.
스크롤바 없애기
위의 소스를 보시면 스크롤이 생길 만큼 글이 길지 않은 모습인데요.
그런데 이상하게 스크롤바가 생긴 모습입니다.
오류는 아닌데 웬지 깔끔하지 않아 불편한데요.
이를 없애 보겠습니다.
CSS 적용하기
이를 해결하기 위해서는 css를 적용하시면 됩니다.
.syntaxhighlighter { padding-bottom: 1px; }
위와 같이 SyntaxHighlighter class의 아래에 padding을 적용해 주면 됩니다.
그럼 아래쪽으로 여백이 생기면서 무의미하게 생기는 SyntaxHighlighter 스크롤바가 없어지게 됩니다.
답글 남기기