すべてのブラウザで改ページが一貫して機能しないのはなぜですか?

改ページがブラウザ間で一貫して機能しない

改ページは多くのブラウザで通常無視されますが、Internet Explorer や Opera などの特定のブラウザでは改ページが処理されます問題なく。ただし、Firefox、Chrome、Safari などの他のブラウザでは、改ページの処理に矛盾が見られます。

Firefox

Firefox は指定された div を正確に分離しますが、出力されるのは最初のページ。

Chrome とSafari

Chrome と Safari は最後の div にのみ改ページを適用します。

解決策

このクロスブラウザーの問題を解決するには、親要素が float プロパティを持たないようにします。すべての親要素で float:none を設定すると、page-break-before:always が意図したとおりに機能するようになります。

追加の考慮事項

float の問題とは別に、他の要因が影響します。次のような改ページが中断される可能性があります:

• 内の改ページテーブル
• 浮動要素
• インラインブロック要素
• 境界線のあるブロック要素

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