CSS を使用した印刷時の追加の空白ページの防止

CSS プロパティを使用して HTML ドキュメントを印刷すると、ユーザーは余分な空白ページが表示される問題が発生することがあります。ページは意図したコンテンツの前後に印刷されます。この問題を解決するには、次の解決策を検討してください。

1 つの方法は、常に値を指定して page-break-after プロパティを使用することです。ただし、これにより、コンテンツの前に余分な空白のページが発生する可能性があります。これを回避するには、page-break-before を always に設定してみてください。

あるいは、より効果的な方法は、次のように、印刷目的に特化したメディア クエリを利用することです。

@media print {
    html, body {
        height: 99%;    
    }
}

印刷メディア クエリ内で HTML 要素と body 要素の高さを 99% に設定することで、余分なページが印刷される原因となる可能性のある追加の空白スペースを排除できます。