CSS の改ページがブラウザ間で一貫性がないのはなぜですか?

CSS 改ページのブラウザ間サポート

改ページ CSS プロパティは広く認識されているにもかかわらず、開発者は、次のような場合にブラウザ間での不一致に遭遇することがよくあります。改ページを実装しようとしています。 Internet Explorer と Opera は信頼性の高い動作を示しますが、Firefox は分割しても複数のページの印刷に失敗します。一方、Chrome と Safari は最後のページにのみ分割を適用します。

問題の解決

ブラウザ間の互換性を確保するには、浮動小数点値を持つ親要素という一般的な落とし穴に対処することが重要です。すべての親要素で float を none にリセットすると、page-break-before:always プロパティが正しく機能します。

その他の考慮事項

float の問題とは別に、他の要因も考慮されます。また、改ページが中断される可能性があります:

• 表内で改ページを使用する要素
• フローティング要素の組み込み
• インラインブロック要素の採用
• 境界線付きブロック要素の活用

クロスブラウザ用 CSS の改訂互換性:

@media print {
  #leftNav {
    display: none;
  }
  #mainBody {
    float: none;
    border: none;
    margin: none;
    padding: none;
  }
  div.pageBreak {
    page-break-before: always;
  }
}

以上がCSS の改ページがブラウザ間で一貫性がないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。