CSS の印刷中に DIV が途切れないようにする方法は?

CSS 印刷中に DIV が途切れないようにする

高さが異なる動的 HTML コンテンツを生成する場合、印刷中に DIV がページ間で途切れるという問題がよく発生します。 。この問題により、印刷出力が使いにくくなる可能性があります。

これを解決するには、次の CSS を試してください:

<code class="css">@media print {
  div {
    break-inside: avoid;
  }
}</code>

break-inside:avoid プロパティは、DIV 要素内での改ページの発生を防ぎ、単一ページに印刷されること。このプロパティは、Chrome、Edge、Firefox、Opera、Safari などのすべての主要なブラウザでサポートされています。

代わりに、break- によって非推奨になった page-break-inside:avoid; を使用できます。内側: 回避しますが、それでも機能するはずです。

以上がCSS の印刷中に DIV が途切れないようにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。