로맨테크


글의 블로그 작성 즉 왼쪽부터 오른쪽 끝까지 글자로 꽉~찬 글 작성을 마치고 보면 우측에 글자가 제대로 정렬이 안돼있어서 미간상 약간 지저분하게 보입니다. 이것은 스킨의 HTML에 한 줄만 추가해줌으로서 더욱더 깔끔하게 볼 수 있습니다. 아래 적용 예를 먼저 보도록 하죠.

적용전

적용후


아래 적용 후에 오른편 빨간색 막대기 부분을 보시면 글이 더욱더 깔끔하게 정렬되어 가독성이나 미간상으로도 더욱더 보기 좋게 보여집니다. 적용 방법은 스킨의 HTML/CSS 편집 모드로 가신 뒤.. CTRL + F 버튼을 눌러 찾기에서 .article{ 를 입력하여 검색합니다. 그리고 } 가로 안에 아래 코드를 입력합니다.

text-align:justify

수정하고 나면 아래와 같이 되겠죠. (스킨마다 코드의 내용은 약간 다르나 기본 틀은 똑같습니다)

.article{
    margin:15px 0;
    font:/*@post-body-font-size=*/13px/*@*/ /*@post-body-font-family=*/NanumGothic, 나눔고딕,/*@*/;
    line-height:180%;
    color:/*@post-body-color=*/#444/*@*/; text-align:justify;
}

이제 저장 버튼을 살포시 눌러주시고 작성된 글을 보시면 친절하게 양쪽 정렬이 되어 있는 걸 보실 수 있습니다.
※ justify 속성이 영문에 비해 한글에는 약간 어색한 경우가 있습니다. 이럴때에는 아래와 같이 css 적용을 해주시면 좀 더 자연스럽게 보일실 거에요..^^ (Update at 2011.4.5)

.article{
    margin:15px 0;
    font:/*@post-body-font-size=*/13px/*@*/ /*@post-body-font-family=*/NanumGothic, 나눔고딕,/*@*/;
    line-height:180%;
    color:/*@post-body-color=*/#444/*@*/; text-align:justify; text-justify:inter-cluster;
}
신고
DISQUS 로드 중…
댓글 로드 중…

블로그 정보

로맨테크 - ColorFilter

기술과의 로맨틱한 만남, 로맨테크! 일상속 IT 정보와 이를 활용한 유용한 팁을 다루는 블로그입니다. 모바일/인터넷/컴퓨팅/소셜/쉐어링 그리고 中國관련 내용까지, 놓칠 수 없는 알찬 정보들을 알기 쉽게 소개해 드립니다.

최근에 게시된 글