[텍스트큐브] 주석 기능(Footnote)을 쓸 때 본문 줄간격 고르게 맞추기

  텍스트큐브에서 Footnote 플러그인으로 주석(각주)를 달면, 아래처럼 본문에 들어간 주석 보람 때문에 본문의 줄간격이 보기 흉하게 벌어지곤 한다.

텍스트큐브 각주(Footnote) 1
텍스트큐브 각주(Footnote) 2

  이는 <sup> 태그로 들어가는 위첨자 각주 보람에 본문과 같은 줄간격이 반영되기 때문에 나타난다. 위첨자의 줄간격을 줄이면 이를 바로잡을 수 있다. 블로그 스킨에 들어가는 스타일시트 파일(style.css 등)에 다음을 끼워 넣어 준다.

sup {line-height:1em;}

  1em은 줄간격을 두지 않은 것과 같다.

  이렇게 바꾸고 글을 새로 고침(F5)하면 아래처럼 줄간격이 고르게 바로잡힌 모습을 볼 수 있다.

텍스트큐브 각주(Footnote) - 줄간격 바로잡음 1
텍스트큐브 각주(Footnote) - 줄간격 바로잡음 2
글 걸기 주소 : 이 글에는 글을 걸 수 없습니다.

덧글을 달아 주세요