친효스킨 : 본문 텍스트 줄 간격 변경 방법

친효스킨 커스터마이징에 대한 카테고리 입니다. 보통 요청에 의해 작성됩니다. 본문의 텍스트 줄 간격이 다소 좁다고 생각되시면 아래의 방법으로 조절이 가능합니다. 친효스킨의 CSS에서 아래의 코드를 검색하시기 바랍니다. "진짜본문" 이라고 검색하면 쉽게 찾을 수 있습니다.

 

/* 진짜본문 (article_rep_desc) */
#contents .article {
    word-break: break-all;
    -webkit-word-break: break-all;
    padding: 20px;
    border: 1px solid #E5E5E5;
    border: 1px solid var(--subColor);
    font-family: "RIDIBatang", "Nanum Gothic" serif;
    font-size: 17px;
    line-height: 1.6em;
}

여기에서 줄 간격을 조절하는 매소드는 line-height: 1.6em; 입니다. 1.6보다 큰 값이면 줄 간격이 벌어지게 되고, 작은 값이면 줄 간격이 좁아집니다.

 

이건 기본값인 1.6em의 줄간격 상태 입니다.

 

이건 1.8em 입니다.

 

이건 2em 입니다. 확실히 줄 간격이 벌어지는게 보이실 겁니다. 소수점까지 값이 적용되므로 한번 자신이 원하는 줄간격 수치를 잘 찾아서 적용해 보시기 바랍니다. 끝.

 

 

이 글도 읽어보세요

친효컬럼 : 하루 일기 쓰는 습관을 블로그로 실천해 보세요

친효애드온 : 본문 중간 수동 링크 (마크2) 모듈

 

"친절한효자손 취미생활" 을 검색!