セクションが同じページに印刷されていることを確認する

Question

私が返すページ上の特定の要素が、印刷中に分割されないようにする方法があるかどうかを調べようとしています。 <div>または<fieldset>です。私は印刷のためのCSSを行うことを認識していますが、これを保証する要素に割り当てることができるプロパティがあるかどうかはわかりません。

Answer 1

目的のためのCSS宣言はpage-break-inside: avoidですが、それに対するブラウザのサポートはまだかなり制限されています。ウェブ上のさまざまなCSSサポートサマリードキュメントは、これについてのあまりにも楽観的な絵を描く可能性があることに注意してください。実際のサポートはOperaとIE 8+（標準モード）の制限があるようです。

page-break-before: always宣言は、より広範囲に機能し、要素の前にページ区切りを強制することで、避けることができれば改行が内部に表示されないようにすることができます。しかし、これはむしろ疑わしいアプローチです。必要のない多くのページ区切りを強制することができ、非常に悪い結果を引き起こす可能性があります（たとえば、1行のみのページ - 前の自然な改ページとそれに続く強制改ページ）。