2

次のcssを使用して、印刷中に大量のテーブルデータを表示しています。

#toolbar.fixed + .content{
  overflow: visible;
  position: static;
  bottom: 0em;
}

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

私が使用しているブラウザは IE 7 です。私が直面している問題は、一部のページの最後の行のデータが現在のページと次のページの間で分割されていることです。上記の css に問題があるかどうか、またはデータの最後の行 (一部のページのみ) が 2 つのページ間で分割されないようにするために追加の css を導入する必要があるかどうかを把握しようとしています。

4

2 に答える 2

0

page-break-inside多くの主要なブラウザーではまだサポートされていません: http://www.w3schools.com/cssref/pr_print_pagebi.asp

また、配置されたオブジェクト内では改ページが許可されていないことにも注意してください。

page-break-before: auto;Andを使用するとpage-break-after: auto;これを修正できる場合がありますが、このページをガイドとして使用して、必要なスタイルを作成することができますpage-break-inside...

于 2012-09-20T07:28:48.673 に答える