티스토리 - 게시판 글 작성시 표 가운데 정렬하기

"공개 발행"해서 게시글을 올렸는데,
막상 표는 가운데 정렬이 되지 않아서 황당했어요.
처음에야 표를 전체 크기를 사용해서 몰랐는데,
좌우의 사이즈를 줄여서 사용하게 되니,
이게 문제가 보이네요;;

표는 가운데 정렬이 적용되지 않은 모습

 

자~ 이제 방법을 알아볼게요.

기본값은 왼쪽 정렬로 되어 있습니다.

 

저 같은 경우는 Ctrl+A로 모든 내용을 선택해서,
가운데 정렬을 누릅니다.
여기까지는 그냥 글과 사진만 가운데 정렬되신다 보시면 돼요.
(표가 작성중에는 가운데지만 게시하면 안됨)

 

표는 이렇게 'HTML' 모드로 진입하셔야 합니다.

 

표의 HTML 코드는
<table ~~~>로 시작해서
</table>로 끝이 납니다.

해당 테이블을 찾아서
align="Center"   <- 요것을 추가로 넣어 주시면 돼요.
첫줄이 원본이고, 두 번째 줄이 수정된 것인데,
그냥 'table'이라는 단어 뒤에 넣어주시면 돼요.
수정 전 <table ~~~~~~~~~~~~~~~>
수정 후 <table align="center" ~~~~~>

 

게시글에 여러 개의 표가 존재한다면, 찾기 힘들 거예요.
이때는, "Ctrl+F" 기능으로 해당 표의 유니크한 멘트를 찾기 하면 돼요.
저 같은 경우 '테이블3'이라는 단어로 3번째 표를 찾았어요.
해당 위치에서 바로 위에 있는 table이 수정할 대상입니다.
</table> 이것은 표의 끝을 뜻합니다.

 

---

모든 내용(표 포함) 가운데 정렬하기

가운데 정렬이 한두개라면 위의 방법을 사용해도 좋지만,
게시글의 전체라면, 'HTML'의 상단에 적용해도 됩니다.

그림처럼, 첫 번째 줄에
<div align="center">
넣어주면 돼요.

더 편한것은 다 생략하구!!
<center>
요것만 맨 윗줄에 넣어도 가능해요~~

div 또한 구문이
<div ~~~> 시작해서
</div>로 끝이 나요.
하지만, 요넘은 끝을 맺지 않아도 괜찮아요.
그냥 게시글 처음 한 번만 넣어보세요~