ページ分割の問題を発生させずに動的高さの DIV を印刷するにはどうすればよいですか?

DIV ページネーションの問題を解決する: ページ分割の頭痛の解消

問題:

Cocoa WebView アプリケーションでは、プラグ-in は、数百の動的高さの DIV を含む Web ページを生成します。ただし、印刷すると、一部の DIV がページ境界で切り取られ、印刷出力が困難になります。

解決策:

DIV が複数に分割されないようにするにはページでは、CSS ブレークインサイド プロパティを利用します:

@media print {
  div {
    break-inside: avoid;
  }
}

説明:

ブレークインサイド プロパティは、改ページが発生したときの要素の動作を制御します。 「avoid」に設定すると、DIV は可能な限り単一ページに残ります。この動作はすべての主要なブラウザでサポートされており、さまざまな印刷環境間での互換性が確保されています。

非推奨の page-break-inside とは異なります。不動産、侵入: 避けてください。は、印刷中にコンテンツの整合性を維持するための、より包括的で最新のソリューションを提供します。このプロパティを実装すると、DIV の切り捨ての問題を効果的に排除し、ドキュメントをシームレスに印刷できます。

以上がページ分割の問題を発生させずに動的高さの DIV を印刷するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。