HTML 印刷で強制的に改ページできますか? 質問する

HTML 印刷で強制的に改ページできますか? 質問する

印刷可能な HTML レポートを作成していますが、そのレポートには新しいページで始まる「セクション」があります。

その時点でページ区切り(新しいページの開始)を強制する必要があることをブラウザに通知する何かを HTML/CSS に配置する方法はありますか?

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

ベストアンサー1

次のように、「pagebreak」(または「pb」) という CSS クラスを追加します。

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

次に空のDIVタグ(またはボックスを生成するブロック要素) をページ区切りにする場所に入力します。

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

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

PS おそらくこれは を使用する場合にのみ適用されます-after(また、<div>ページ上の他の で何を行っているかにも適用されます) が、次のように CSS クラスを拡張する必要があることがわかりました。

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

おすすめ記事