CSS は大きな表の改ページをどのように制御できますか?

大規模なテーブルの CSS 改ページ

多数の行を含むテーブルが表示される場合、複数のページにわたって印刷が行われるようにすることが重要になる場合があります。 CSS は、改ページを制御するために、page-break-before と page-break-after という 2 つの重要なプロパティを提供します。ただし、これらのプロパティをどこに実装するかを理解することが重要です。

CSS 改ページの配置

テーブル内で必要に応じてページを分割するようにブラウザに指示するには、次の CSS を追加します。ドキュメントのスタイル:

<style type="text/css">
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
</style>

• table { page-break-inside:auto }:潜在的に大きなサイズに対応できるように、テーブル内で改ページを許可することを指定します。 page-break-after:auto }: 個々のテーブル行内での改ページを防止し (page-break-inside:avoid)、各行の後の改ページを許可し (page-break-after:auto)、行がまとめて印刷されるようにします。
• これらの CSS ルールを組み込むことで、ブラウザが表のサイズと指定されたページ制約に基づいて改ページをインテリジェントに決定できるようになり、シームレスでページ分割された印刷が可能になります。体験してください。

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