ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS で改ページを制御して、印刷時の表のオーバーフローを防ぐにはどうすればよいでしょうか?

CSS で改ページを制御して、印刷時の表のオーバーフローを防ぐにはどうすればよいでしょうか?

DDD
リリース: 2024-12-09 18:55:15
オリジナル
841 人が閲覧しました

How Can CSS Control Page Breaks to Prevent Table Overflow When Printing?

印刷用の表の分割: CSS 改ページの適用

Web ページから大きな表を印刷する場合、伸びを避けるために改ページが必要になる場合があります。複数のページにわたる表。 CSS には改ページを制御するためのプロパティが用意されており、テーブルを適切に分割できるようになります。

Q: 別のページでのテーブルのオーバーフローを防ぐには、CSS の改ページ プロパティをどこに配置すればよいですか?

A: 表内の改ページを管理するには:

  1. 以下を追加します
table {
  page-break-inside: auto;
}

tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
ログイン後にコピー
  • table { page-break-inside: auto; }: テーブル内に改ページを自動的に設定し、必要に応じてテーブルの行を次のページに折り返せるようにします。 }: 行がページ間で分割されるのを防ぎ、それらを同じページにまとめて保持します。
  • tr { page-break-after: auto; }: 各行の後に改ページを強制し、部分的な行が次のページにならないようにします。
追加リソース:

[W3C の CSS]印刷プロファイル仕様](https://www.w3.org/TR/css3-page/) ページの管理に関する詳細情報
  • [Salesforce 開発者フォーラム](https://developer.salesforce.com/forums/): Salesforce で使用される改ページ手法に関する洞察については、

以上がCSS で改ページを制御して、印刷時の表のオーバーフローを防ぐにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート