반응형

티스토리 글상자 사이즈 조절하는 방법에 대해 정리하겠습니다.

글상자를 이용하면 기본적으로 풀 사이즈로 생성이 됩니다.

먼저 글상자 하나를 만들어보겠습니다.

이게 기본적인 글상자 사이즈 입니다. 가로사이즈에 여백이 없이 꽉채워져있습니다.

이 글상자를 원하는 사이즈로 줄이시려면

[width:%]만 알고 계시면 됩니다.

글상자를 아래와 같이 50% 사이즈로 줄여보겠습니다.

가로 사이즈 50% 줄이기

글상자를 만들고 HTML로 바꿔줍니다.

그리고 글상자 textbox를 찾습니다.

찾으신 텍스트박스 뒤에 style을 확인하실수 있을겁니다. (사진 1번)

스타일 뒤에 width:원하는 %; 이렇게 입력하시면

글상자가 50% 줄어든 모습을 보실 수 있습니다.

글을 가운데 정렬인데 상자가 왼쪽정렬이라 보기가 안좋은데

이럴때는 스타일 바로 뒤에 margin:0 auto;를 붙여주시면 됩니다.

(예시: style="margin:0 auto; width50%) 이런식으로 붙여주시면 됩니다.

이렇게해서 글상자 크기 조절방법에 대한 글을 마무리 짓겠습니다.

반응형

+ Recent posts