VS CodeのMarkdown PDF拡張で、2カラムのPDFを出力する
VS Codeにはお手軽な操作でMarkdownで書いた文書をPDF等に出力できる、Markdown PDFという拡張機能があります。
便利な拡張機能なのですが、flex等で2カラムで出力しようとしても、HTMLまではうまく2カラムになるのですが、その後のChromium/Chromeの印刷機能を使ったPDF化の時点で、レイアウトが保持されず、1カラムになってしまいました。
参考にしたこの記事にあるように、HTMLで出力した上で、手動で印刷機能でPDF化(なぜか手動の場合はカラムが保持される)するしかないか、と思ったのですが、いろいろ探したところ、column-countというCSSプロパティを使用すると、Markdown PDFで直接2カラムにできるという情報を見つけました。
body {
column-count: 2;
}
実際にこの方法で、今のところ問題なく2カラム化できそうです。
column-countというプロパティは初めて知りました。フレックスボックスと機能が被りそうですが、簡単なことはcolumn-countなどの段組みレイアウトを、複雑なことはフレックスボックスを使う、というような形がよさそうです。 1
この記事のライセンス
この文書はCC BY(クリエイティブ・コモンズ表示4.0国際ライセンス)で公開します。