Syntax Highlighter 줄 간격 넓히기

2009.05.06 12:38 IT·인터넷/블로그

블로그나 웹에서 소스 코드들 예쁘게 출력해 주는 Syntax Highligher를 소개해 드린 적이 있습니다.

소스를 한가지 글로 출력하는 것 보다 훨씬 보기가 좋죠.

그런데 행간격이 너무 좁다 보니까, 소스 보기가 조금 어지럽습니다. 그래서 행 간격을 눌려 보았습니다.

  • shCore.ss
    50행에 보면 "line-height: 1.1em !important;" 행이 있는데, 1.1em을 1.4em으로 바꾸었습니다.
  • shThemeDefault.css
    87행에 보면 "1.1em no-repeat" 이라는 내용이 있는데, 역시 1.4em으로 값을 크게 했습니다.

이렇게 두 개의 값을 크게하면 행 간격이 넓어져서 보기가 조금 수월합니다.

물론 저의 개인 성향이겠지만 말이죠. ^^

저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 저도 간격 좁으면 잘 안보여서...넓은게 좋으네요
    • 2009.05.06 13:54
    비밀댓글입니다
    • 네, 불편을 드려 죄송합니다. 아래의 글을 참고하여 주십시오. ^^

      http://jwbrowser.tistory.com/31
  2. 블로거닷컴은 줄바꿈 설정을 해제해야 하는 문제가 있어서 Syntax Highlighter 2.0 설치 http://zizukabi.blogspot.com/2009/04/syntax-highlighter-20.html 를 포기했답니다. ㅠ.ㅠ

    이럴 때 블로거닷컴이 원망스럽지 말입니다. 부럽습니다.
    • 아하...그런 문제가 있군요. ^^;
    • bloggermode나 stripBrs를 true 하면 해결 될 것 같은데요.
      http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration
    • 제우스
    • 2009.05.06 23:21 신고
    티스토리 아이디가 없어서 jwBrowser QnA에 글을 못남기고 여기에 남깁니다.
    티스트로 초대장 받다가 포기했거든요ㅋ
    jwBrowser 정말 고맙습니다. 가볍고 필요한 기능은 대부분 다 있는것 같습니다.
    꾸준한 업데이트에 감사드립니다^^
    • 실은 제가 글을 확인하기가 어려워서 Q/A를 없애고 메일로 대신하고 있습니다.
      jwBrowser를 애용해 주셔서 감사합니다. ^^
  3. 편집기에서 소스를 html로 내보내서 붙여넣기 한 다음에 페이지를 로딩하는 것보다는 느려서,
    그냥 예전 방법으로 돌아갈까도 생각해보는 중입니다.