CSS を使用して大きな表の改ページを制御するにはどうすればよいですか?

大きなテーブルに CSS を使用して改ページを強制する方法

多数の行を含む動的テーブルを操作する場合、改ページを制御することが不可欠になります印刷物のプレゼンテーションを改善します。 CSS は、この目的のために、page-break-before と page-break-after という 2 つの重要なプロパティを提供します。

必要に応じて改ページするために、次のコードを実装できます:

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

table 要素の page-break-inside プロパティは auto に設定されており、ブラウザがテーブル内に改ページを挿入するタイミングを自動的に決定することを示します。

個々の行の場合(tr) では、page-break-inside プロパティがavoidに設定されており、行内で改ページが発生するのを防ぎます。 page-break-after プロパティが auto に設定されているため、各行の後に改ページが発生します。

CSS 印刷プロパティの詳細なガイドラインについては、W3C の CSS 印刷プロファイル仕様を参照してください。さらに、Salesforce 開発者フォーラムでは、印刷シナリオの CSS に関する貴重なディスカッションや洞察が提供されます。

以上がCSS を使用して大きな表の改ページを制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。