CSSの改ページプロパティはどのように機能するのですか？

Question

最新のブラウザは CSSの改ページプロパティをある程度サポートすることになっています。ただし、 avoid 、 widows 、または orphans を使用する場合、どのブラウザーも異なる方法で印刷することはできません。私はそれを間違っていますか、それともブラウザのサポートは宣伝されているほど強固ではありませんか？

      h2 {
        page-break-after: avoid;
      }                         

      p {
        page-break-inside: avoid;   
        orphans: 2;
        widows: 2;
      }

Answer 1

印刷のためのブラウザのサポートは最悪です。少しだけではなく、完全に完全に比較することなく。過去1年に1年に1回程度、これをいじくり回してきましたが、常に同じ結論に戻ります。優れた印刷を処理するためにブラウザーに依存しないでください。

絶対に正しく配置する必要がある場合は、その場でPDFファイルを作成し、ユーザーに印刷させます。

Answer 2

改ページを行いたい場合は、これが少なくともFirefoxとIEで機能する方法であることを知っています。前回IE7でこれが機能することを確認しました。

Page 1

<br style="page-break-after:always" />

Page 2

ブラウザに完全に依存して、ページを別々の紙に印刷する必要があります 。

Answer 3

これは、HTML開発について誰もが言うことすべてに反することはわかっていますが、テーブルを使用します。一緒にする必要があるコンテンツをテーブルに配置すると、ページはテーブルの中央で分割されません。テーブルが1ページより長い場合、テーブルの中央で分割されますが、印刷するときにコンテンツを一緒に保持するにはテーブルを使用するのが良い方法です。