loading

친절한효자손 취미생활

반응형

친효스킨 커스터마이징에 대한 카테고리 입니다. 보통 요청에 의해 작성됩니다. 본문의 텍스트 줄 간격이 다소 좁다고 생각되시면 아래의 방법으로 조절이 가능합니다. 친효스킨의 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 입니다. 확실히 줄 간격이 벌어지는게 보이실 겁니다. 소수점까지 값이 적용되므로 한번 자신이 원하는 줄간격 수치를 잘 찾아서 적용해 보시기 바랍니다. 끝.

 

 

 

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band

댓글

비밀글모드

  1. 기존에 쓴 글은 다시 수정해야 적용이 되나용;;;??
    2020.07.30 16:36 신고
  2. css에서

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    이부분의

    line-clamp랑

    box-orient가 빨간색으로 나오는데

    이거때문에 혹시 문제가 있는건가요...??

    2로 바꾸고 해봐도 안되고

    스킨편집 미리보기에서는 글 눌러서 확인해보면 적용이 되는데

    다시 홈페이지 와서 글 보니깐 예전 줄간격 그대로네용;;
    2020.07.30 16:55 신고
  3. 그부분이 아니고 본문에있는 라인 하이트를 수정했고 뭐때문에 안되나 css보다가 보니깐 저부분만 빨간색으로 되오있어서 여쭤본거에요
    2020.07.30 17:00 신고
  4. line-height: 1.6em;

    이부분

    line-height: 3em;

    이렇게 수정했는데도 변화가 없어서요;;;질문이 많아 죄송합니당;;
    2020.07.30 17:02 신고
    • 반응형으로 코딩되어있기때문에 해상도별 영역수정을 해야해요.
      2020.07.30 17:10 신고
  5. 으...어렵네요...모바일은 일단 적용이 되어서 차차공부해볼게용
    2020.07.30 17:12 신고
    • 친효스킨 2.0에서는 해당 문제를 사용자가 임의로 편리하게 수정할 수 있도록 설계되어 있습니다.
      2020.07.30 17:15 신고