CSS を使用して印刷するときに余分な空白ページを防ぐにはどうすればよいですか?

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

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

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

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

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

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

以上がCSS を使用して印刷するときに余分な空白ページを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。