印刷可能な 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;
}
}