html,css 改ページについて教えて下さい。

Question

Vue.jsを使って開発しています。
飲食店のメニューを、A4縦に印刷したいです。
2列で1枚。1列目の一番下までいったら、2列目に折り返したいです。（画像参照）
3列目は、2枚目に。という感じにしたいです。

A4サイズに収めるには、どうしたら良いでしょうか？

Answer 1

@media - CSS: カスケーディングスタイルシート | MDN
メディアクエリーを使って印刷用(print)のスタイルシートを足してください。
それによって、表示用(screen)と印刷用(print)で設定を分けて指定できます。
印刷用CSS(@media print)の設定とデバッグ方法って? HTMLの印刷崩れを解決 | 初代編集長ブログ―安田英久 | Web担当者Forum