CSS 티스토리 Markdown 에디터 줄바꿈 문제

표준 markdown(SM) 의 기본 문법에서는 줄바꿈을 하려면 <br/> 태그를 작성하거나 문장 맨 끝에 2개의 공백을 입력하여야 한다.

같은 방법으로 마크다운을 지원하는 티스토리의 에디터에서 줄바꿈을 시도해보니 적용이 되지 않았다. 이유는 티스토리 가이드에서 찾을 수 있었다.

티스토리 마크다운 에디터는 Github Flavored Markdown(GFM) 문법을 사용해 별다른 방법 없이 개행(줄바꿈)문자를 두 번 입력하는 것으로 줄바꿈이 가능하다고 한다.

다만, GFM 은 실제 <br/> 태그가 자동으로 삽입되어 줄바꿈이 이뤄지는 것이 아닌, <p> 태그의 margin-bottom 값을 이용한 단락 구분 방법이기 때문에 티스토리의 "콘텐츠 - 설정" 에서 단락 앞뒤 공백을 사용함으로 바꾸어주어야 한다.

만약 변경 후에도 줄바꿈이 되지 않는다면 티스토리에서 관리하는 파일 내 .tt_article_useless_p_margin 클래스의 margin-bottom:0 !important 속성이 여전히 유효하기 때문이므로 style.css 에서 똑같이 !important 로 덮어 주면 해결된다.