window.print() を使用して Web ページを印刷すると、結果は数ページになります。2 つのページ間で分割してはならない html div 要素がいくつかあります。ただし、ページのコンテンツは動的に作成されるため、div がいつ壊れるかどうかを知る方法はありません。
特定のdivが2つのページ間で壊れてはならないことを伝えるために使用できるcssまたはjavascriptはありますか?
div を囲んで使用できる css ルール「page-break-before」を見ましたが、回避できる場合でも改ページが発生します (合計印刷ページが不必要に増加します)。
あなたの最善の策はこれです（ただし、互換性の問題があります）
.noBreak { page-break-inside: avoid; }
現在の互換性 (ソース):
Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
1.0 19.0 (19) 8.0 7.0 1.3 (312)
その他の SO ディスカッション:互換性の問題のため page-break-inside:void の代替
印刷用に別の css を接続する必要があります。
<link type="text/css" rel="stylesheet" media="print" href="PATH_TO_CSS" />
印刷用にスタイルを書きます。