티스토리 글상자 사이즈(크기)조절 및 가운데정렬하기

Posted by ITPangPang
2016.05.17 00:53 기타/티스토리


티스토리 글상자 사이즈(크기)조절 

및 가운데정렬하기



이번글에서는 제가 매일 사용하는 글상자크기와 

    가운데 정렬, 기타정렬 하는 방법에 대해 알아보겠습니다.

    티스토리에서 기본적으로 글상자를 만들면 가로 사이즈가

    Full사이즈로 생성됩니다. 


ㆍ 뭐 한줄도 아닌 몇글자만 추가시키면 원하는 대로 만들수 

    있습니다



기본적인

수정 없이 글상자를

하나 만들면

이렇게 가로 Full사이즈로 생성됩니다


이런 Full사이즈 글상자를

이렇게 사이즈 조절을 한 후에 가운데 정렬해보도록 하겠습니다


크기를 조절하기 위해서는

width:[원하는 %];

이렇게 한줄만 추가시키면 됩니다.

저는 %가 편한데 px을 원하시면

px로 넣으셔도 됩니다.


가운데 정렬은

margin:0 auto;

이렇게 한줄 추가시키면 됩니다.


추가시키는 위치는 

글상자를 하나 생성하시고

HTML로 변경시켜줍니다


그리고 Ctrl+F를 눌러서

textbox라고 검색합니다


바로 뒤에 style이 나오는데

style""안에 넣어주시면 

바로 적용됩니다.


요렇게


자 혹시 가운데 정렬이

아닌 왼쪽 정렬, 오른쪽

정렬도 쓰시는분이

있을수 있으니 

알아보면서

마무리 지어보겠습니다.



왼쪽정렬


<div class="txc-textbox" style="margin:0 0 auto;width:20%;border: ~


margin:0 0 auto;width:40%;


margin:0 0 auto;width:60%



margin:0 0 auto;width:80%;



가운데정렬

margin:0 auto;width:20%;


margin:0 auto;width:40%;



margin:0 auto;width:60%;



margin:0 auto;width:80%;



오른쪽 정렬

margin:0 0 0 auto;width:20%;



margin:0 0 0 auto;width:40%;



margin:0 0 0 auto;width:60%;


margin:0 0 0 auto;width:80%;



저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 감사합니다 잘 배우고 갑니다.^^
  2. 감사합니다. 해결됐어요~