본문 바로가기

소소한 알짜

티스토리 글상자 가운데 정렬

티스토리 글상자 가운데 정렬하는 법을 배워 봅니다.

1. 먼저 [티스토리 관리자 로그인] -> [글쓰기 창에서 오른쪽 상단 html 모드] 로 진입합니다.

2. 내용중에 textbox 를 찾아야 합니다.

    [Ctrl + F ]를 눌러서 검색창에 textbox라고 입력합니다.


아래는 html 서식 입니다. (글상자 가운데 정렬 하기 전)

간단히 이유리 배우에 대해서 적어 볼께요.<br /></p><div class="txc-textbox" style="border-style: dashed; border-width: 1px; border-color: rgb(243, 197, 52); background-color: rgb(254, 254, 184); padding: 10px;"><p style="text-align: left; margin-left: 12em;">이름 ; 이유리(李諛嫠)<br />출생 ; 1980년 1월 28일 (2017년 현재, 37세), 서울특별시<br />신체 ; 162cm, 43kg, A형<br />

그럼 가운데 정렬을 해보겠습니다.
필자는 아래 옵션을 선호 합니다.  (가운데 정렬을 하는 이유는 모바일로 볼때, 자연스럽게 보이게 하기 위해서 입니다.)

margin:0 auto;width:80%;


위 내용을 아래 에서 삽입해 줘야 합니다.


간단히 이유리 배우에 대해서 적어 볼께요.<br /></p><div class="txc-textbox" style="
margin:0 auto;width:80%;border-style: dashed; border-width: 1px; border-color: rgb(243, 197, 52); background-color: rgb(254, 254, 184); padding: 10px;"><p style="text-align: left; margin-left: 12em;">이름 ; 이유리(李諛嫠)<br />출생 ; 1980년 1월 28일 (2017년 현재, 37세), 서울특별시<br />신체 ; 162cm, 43kg, A형<br />



요약;
- 티스토리 중에 글상자 기능은 참 편리합니다. 그런데, 위치 정렬 옵션이 제외되어 있기 떄문에, 글상자 옵션을 사용하면, 서식 페이지에 가로 비율이 100%로 적용됩니다. 이때 들여쓰기를 하게 된다면, 테스크탑 모드에서는 보기 좋게 표시 되지만, 모바일 모드에서는 상당히 어색하게 표현됩니다. (모바일모드에서 동일한 여백을 적용하게 되기 때문에)
- 필자가 어렵게 방법을 찾았으나, 매 글마다 적용하려하니, 여간 귀찮은게 아니네요. 그래서, 글상자 정렬을 사용하게 되는 경우가 생겨도, 바로 위 내용을 적용할것 같지 않습니다. (지금 사용하고 있는 '인용' 기능이 글상자 기능을 대체 해줄것 같습니다.)