Markdown에서 2열 문서를 만들고 싶습니다.
개요
2 열의 문장을 Markdown으로 만든다
사실은 Tex로 쓰는 2열 문서처럼 하고 싶지만 아무래도 엄격할 것 같기 때문에 단순히 영역을 좌우로 2분할해 문장을 철하는 형식으로 한다.
전제
VS Code와 아래 패키지를 사용하여 2열 문서를 만든다.
2 칼럼 표기로 한다
다음과 같이 style로 미리 선언함으로써 좌우의 배분을 바꿀 수 있다. 오른쪽 위의 설명도 style로 설정할 수 있다.
<style>
.column-left{
float: left;
width: 47.5%;
text-align: left;
}
.column-right{
float: right;
width: 47.5%;
text-align: left;
}
.column-one{
float: left;
width: 100%;
text-align: left;
}
</style>
그 후 본문중에서는 다음과 같이 쓴다.
<div class="column-left">
# Left Column
</div>
<div class="column-right">
# Right Column
</div>
Preview에서 표기
Preview상에서는 제대로 2열로 표시된다.
머리가 약한 문장이 적혀 있지만 용서해 주었으면 한다. 여기에 있는 대로 그림의 붙여넣기 등도 html의 기법을 사용하면 구한다. 참고
![](https://s1.md5.ltd/image/e9506613c47e641c01c7ddaefc137a35.png)
PDF로 변환
PDF로 단발로 깨끗하게 변환할 수 없다. pandoc도 별로 사용하고 싶지 않기 때문에 확장 기능 내에서 처리 할 수 있다면 기쁘지만 ...
Markdown-PDF에서 PDF 변환
VScode에는 Markdown-PDF라는 편리한 확장 기능이 존재하지만, PDF로 직접 변환하면 2열이 무너져 버린다.
![](https://s1.md5.ltd/image/cb9d48b89e5824d75dac8a61bb885068.png)
Markdown-PDF에서 HTML 변환
HTML 변환에서는 2 컬럼은 무너지지 않으므로 HTML로 하고 나서 인쇄되어 PDF로 변환된다.
문자가 꽉 막혀 이쪽이 좋아.
![](https://s1.md5.ltd/image/2117efe8faeef00d79914bde67a46708.png)
Markdown Preview Enhanced에서 브라우저를 통해 PDF 변환
Preview의 고기능판을 사용하면 PDF 변환도 할 수 있지만, 가장 외형이 좋았던 것은 브라우저에서 Preview를 열어 거기로부터 인쇄한다고 하는 수법. 돌아다니지만 깨끗한 PDF가 완성된다.
![](https://s1.md5.ltd/image/591796344f1d58aec2571865636a8d4e.png)
요약
너무 번거롭다면 Tex로 쓰면 좋을까? 되기 때문에 가감이 어렵다. 그리고 별도로 이 타입의 2컬럼에 수요가 있는가 하면 잘 모르게 되었다.
Reference
이 문제에 관하여(Markdown에서 2열 문서를 만들고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ossyaritoori/items/9f38113847ee65e68e76
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
너무 번거롭다면 Tex로 쓰면 좋을까? 되기 때문에 가감이 어렵다. 그리고 별도로 이 타입의 2컬럼에 수요가 있는가 하면 잘 모르게 되었다.
Reference
이 문제에 관하여(Markdown에서 2열 문서를 만들고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ossyaritoori/items/9f38113847ee65e68e76텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)