본문으로 바로가기

반응형

생활밀착Blog정보

by.생밀정


티스토리에는 문단 간격 없음, 문단 간격 사용 기능이 있습니다.

(이 기능은 P태그 문단 간격을 없앨 수 있다고 설명하고 있습니다.)

티스토리 구형 글쓰기에서는 `문단 간격 없음`체크박스에서 바로 설정할 수 있고, 

티스토리 블로그 관리 페이지의 `콘텐츠` 설정의 단락 앞뒤에 공백 `사용합니다. 사용하지 않습니다`로도 설정할 수 있습니다. 

이전 글에도 줄 간격을 설정하는 방법에 대해 다루긴 했었습니다.




그런데 블로그를 운영하다 보면, 조금 더 세밀하게 줄 간격을 조정하고 싶을 때가 있습니다.


HTML/CSS 에서 줄 간격은 `line-height`로 표현하는데, CSS를 제대로 다루지 못하는 사람에게는 이 단어가 정말 어렵고, 난해합니다.


매거진(Magazine)스킨에서 CSS로 들어가 `line-height`를 검색(Ctrl+F)하면, 어마어마하게 많이 나옵니다...


으아아아아아 줄 간격 검색 지옥


매거진스킨을 많이 사용하는 사람이 없기 때문에, 정보도 많이 없어... 찾기가 참 힘들었습니다. 

어쩔 수 없이 숫자 하나하나 바꿔가며, 수작업으로 찾았습니다. 

찾고 보니 참 허무했습니다. 


문단간격(p)의 `줄간격(line-height) cont` 를 찾으면 되는 거였습니다.

(역시 HTML/CSS 는 공부하면 할 수록 어렵습니다)





아무튼 사설이 길었는데, 매거진 스킨의 문단간격 미세조정은 


.box_article .article_cont p


`.box_article .article_cont p`를 찾아 `line-height`의 px(높이)를 바꿔가며, 적절한 줄 간격으로 변경 후 적용 시키면 됩니다. 


끝!


이 설정 사항은 매거진(Magazine)스킨에 대한 한정이지만, 대부분의 스킨 에서도 문단 간격(P)설정에 사용됩니다. 

※줄 간격은 될 수 있으면, 스킨 설정 그대로 사용하길 권장드립니다. 


아무튼 도움이 되셨길 바래봅니다!!!

역시 인기 있는 스킨(북클럽이나 반응형#1, 스퀘어등)을 사용할 걸 그랬나....




ex)예시


줄간격 25



줄간격 5


반응형