[마크다운] 표만들기 - 셀정렬 방법

in #kr4 years ago (edited)

steemit_table_align.jpg

안녕하세요!! @antares007입니다.

오늘은 시행착오?로 알게 된 마크다운 테이블의 셀정렬 방법에 대해 포스팅 합니다.

"Submit a Story" 클릭하면 Preview옆에 "Markdown Styling Guide"이란게 보이실 겁니다. 스팀잇에 적용되는 마크다운의 기본문법이 요약된 자료로 여기서 표 생성은 이렇게 요약되어 있습니다.

< A Summary of Markdown "TABLE">

2017-08-06 11;18;39_0.jpg

(sources : https://guides.github.com/features/mastering-markdown)

보시는 것처럼 표제목은 가운데 맞춤이고, 각 셀은 왼쪽 정렬로 결과가 표현되어 있습니다. 그런데, 실제 표를 만들어 보면 제목과 셀 컨텐츠 모두 왼쪽 정렬로 나옵니다.(Windows, 크롬)

그래서 다른 마크다운 가이드를 조회해 보니, 정렬문법이 있었고 매우 간단했습니다. 2번째 줄에 콜론:으로 좌/우/가운데 정렬을 할 수 있다는 것입니다.

|:---|:---:|---:|

그래서, 스팀잇에 적용해 봤는데 결과는 좌(디폴트), 우는 적용되는데 가운데 정렬은 되지 않았습니다. 물론 제목은 여전히 왼쪽정렬

| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
|:--------|:--------:|--------:|
| 내용 11 | 내용 12 | 내용 13 |
| 내용 21 | 내용 22 | 내용 23 |

왼쪽 정렬가운데 정렬오른쪽 정렬
내용 11내용 12내용 13
내용 21내용 22내용 23

공백, 좌우| 없애기 등등 여러 시도를 했지만 역시 가운데 정렬은 안됩니다.

표를 작성하다 보면 보통 금액단위는 오른쪽 정렬, 제목은 가운데 정렬을 많이 하게 되는데...


이런 저런 시도 끝에 가운데 정렬 방법을 찾았습니다. 전 전문가가 아니므로 어려운 방법은 패스~

바로<center>태그를 이용해 가운데 정렬을 할 수 있었습니다.

가운데 정렬 결과

Header1
Header2
Header3
cell 1x1
cell 1x2
cell 1x3
cell 2x1
cell 2x2
cell 2x3
cell 3x1
cell 3x2
cell 3x3

글 작성하다 비슷한 경우가 있으실 분들 위해 보다 정확한 방법을 찾기 전에 먼저 포스팅합니다. 잘못된 부분이나 제가 모르는 더 좋은 방법이 있으면 알려주시면 감사하겠습니다.

마지막으로 표 작성할 때 좀 더 편하게 이용할 수 있게 샘플을 만들어 봤습니다.
조금만 응용하시면 간단한 표는 쉽게 작성할 수 있을 것 같습니다.

Samples (ctrl+c, ctrl+v)

|  <center>Header1</center> |  <center>Header2</center> |  <center>Header3</center> |
|:--------|:--------:|--------:|
|**cell 1x1** | <center>cell 1x2 </center> |*cell 1x3* |
|**cell 2x1** | <center>cell 2x2 </center> |*cell 2x3* |
|**cell 3x1** | <center>cell 3x2 </center> |*cell 3x3* |

Header1
Header2
Header3
cell 1x1
cell 1x2
cell 1x3
cell 2x1
cell 2x2
cell 2x3
cell 3x1
cell 3x2
cell 3x3

더 좋은 방법 찾게 되면 추가 포스팅하도록 하겠습니다.

오늘도 행복한 하루되세요~!!

Thumbnail@.jpg


Sort:  

에디터에 표가 있으면 얼마나 좋을까요 ㅎㅎ

작성하긴 힘들겠지만 나중에 도전해봐야겠어요!

@woosungchoi님 조만간, 능력자?분이 만들어 주시지 않을까 싶습니다. ^^

네 ㅎㅎ 현재 에디터 기능만 더 발전한다면

뉴비들도 쉽게 글을 쓸 수 있을 것 같아요!

영국여행 감사합니다. ^^

@tabris님의 묻힌글도 다시보자를 통해왔습니다. 꿀팁이네요 ^^

@tabris님 감사합니다;; 모르고 있었습니다. 감사 댓글 달아야겠네요.

Just taking this opportunity to say "THANK YOU FOR FOLLOWING ME"

Live long and prosper~ @jackmiller

좋은 정보 감사합니다.
글쓸때 에디터 기능이 너무 부족한거 같아요
스팀잇 기능이 더 발전했으면 좋겠어요 ㅠㅠ

redkain님, 저도 동감. 심플함의 매력, 강점도 있지만 스팀잇 에디터 기능은 업그레이드 되면 더 활성화되고 좋을 것 같아요~

감사합니다. 큰도움되었습니다.