[解決済み】HTML印刷で強制的に改ページさせることはできますか？

質問

印刷可能なHTMLレポートを作成していますが、新しいページで始まるべきセクション"があります。

HTML/CSSに、その時点で強制的にページブレーク（新しいページを開始）させる必要があることをブラウザに知らせるようなものを入れる方法はないでしょうか？

私は、これが世の中のすべてのブラウザで動作する必要はありません。これを印刷するために、特定のブラウザのセットを使用するように指示することができると思います。

どのように解決するのですか？

以下のように、"pagebreak" (または "pb") というCSSクラスを追加してください。

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

次に、空のDIVタグ( またはボックスを生成するブロック要素 ) で、改ページさせたい。

<div class="pagebreak"> </div>

ページには表示されませんが、印刷時にページが分割されます。

追伸：おそらく、これは -after (その他にも、他の <div> のようにCSSクラスを拡張する必要があることがわかりました。

@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}