티스토리 문단 줄간격 늘리기

2012.09.12 11:56 - 가을닢

 

 

【 물어물어 바꾸는 티스토리 Tip 】

 

기존 아무것도 설정하지 않은 상태에서는 줄간격이 촘촘해 가독성이 떨어지더군요.

그런 까닭에 고민하다가 줄간격 사이를 좀 더 늘려보고자 여기 저기 알아 보았습니다.

 

그러나 검색으로 알아낸 몇가지 방법을 시도해 보았는데 생각만큼 잘 되지 않았습니다.

이유는 정확히 모르겠지만 사용하는 스킨에 따라 적용되는 방식이 다른 것 같더군요.

그 중 가장 간단해 보이고 보편적이며 효과를 보았던 두가지 방법을 정리해 보았습니다.

 

 

 

[첫번째 방법]

 

- skin.html 에서 컨트롤+F 로 div class="article 검색

- <div class="article"> 이 부분을 찾은 다음 뒷 부분에 style="line-height:180%;" 을 적어 넣으면 됩니다.

 (간혹 수정이 적용되지 않는 스킨도 있습니다)

 

 

 

[두번째 방법]

 

- style.css 에서 컨트롤+F 로 line-height:1.5; 검색

- 1.5; 부분을 1.8~2.0 정도로 수정하면 되는데 변경되는 사항을 확인해 보면서 마음에 드는 간격을 적용하면 됩니다.

- 개인적으로 2.0 이 널찍한 느낌이라 마음에 들더군요.

- 이 방법의 경우 사이드바의 메뉴간 간격도 바뀌었습니다.

 

 

 

[세번째 방법]

 

- style.css 에서 컨트롤+F 로 line-height: 검색

- 블로그 레이아웃에서 line-height:160%; 부분을 180% 정도로 수정하면 되는데 변경되는 사항을 확인해 보면서 마음에 드는 간격을 적용하면 됩니다.

 (본인의 경우 아래와 같이 나오는데 파란색 부분(160%→180%)을 변경해 주면 됩니다)

 

/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */
#container   { width:970px; margin:0 auto;}
#header    { width:750px; margin:30px 0 0 0;}
#content    { width:750px; float:left;  line-height:160%; overflow:hidden; }

 

 

 

  • 쪽빛푸르른 2012.09.22 22:10 신고

    뭔가 전문가 같은 설명이네요 ㅎㅎ

    1. 가을닢 2012.09.23 22:50 신고

      아직 배우고 있는 중이라 부족한 점도 있는데 그렇게 말씀해 주시다니 고맙습니다~

  • 찬경루 2013.06.30 12:34 신고

     두 번째 방법을 써 봤는데, 무려 1.3이었지 뭐야. 두 번째 방법에서 슬적 개인적 취향이 방법 중 하나로 들어 가 있길래 과감히 2.0으로 설정 했는데 마음에 들었어.

    1. 가을닢 2013.07.11 03:02 신고

      너무 넓으면 띄어쓰기가 많은 느낌이긴 하지만 널찍 널찍해야 가독성에 도움이 된데요.

다른 카테고리의 글 목록

티스토리 꾸밈 카테고리의 포스트를 톺아봅니다

티스토리 툴바