1

高さ約 5cm のセルを含む HTML テーブルを別のページに分割して印刷する場合のベスト プラクティスは何ですか。

私はすでにprint.cssを作成して定義しました

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }

しかし ：

  • Chrome では、HTML ページの画像が複数のページに分割されます
  • Firefox では、最初のページは空で、表は 2 ページ目から始まり、残りの表は切り取られています (3 ページ目は再び空です)。
  • IE 私はまだ試してみませんでした
4

1 に答える 1

1

改ページ CSS プロパティに対するブラウザーのサポートは、特にテーブル パーツではむらがあります。セルのコンテンツ内で改ページを防止したい場合は、コンテンツを div にネストし、「page-break-inside: avoid;」を設定することをお勧めします。divで。page-break-inside プロパティをまったく実装していない古いブラウザをサポートする必要がある場合は、「display: inline-block; vertical-align: top;」も設定する必要があります。divで。

また、印刷可能領域の高さ (つまり、ページの高さから上下の余白を差し引いたもの) がセル コンテンツの高さよりも小さい場合、ブラウザーが何らかの形でワープできない限り、ブラウザーがそれを壊さないようにすることは不可能であることに注意してください。スペースの構造 (おそらく Firefox にはそのための "-moz-" プロパティがありますか?)。

于 2014-09-09T07:04:39.320 に答える