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

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

및 가운데정렬하기

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

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

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

    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%;