如何防止CSS列印時DIV被截斷？

防止 CSS 列印時截斷 DIV

產生不同高度的動態 HTML 內容時，經常會遇到列印時 DIV 在頁面之間被截斷的問題。此問題可能會使列印輸出難以使用。

要解決此問題，請嘗試以下 CSS：

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

break-inside:void 屬性可防止 DIV 元素內發生分頁，從而確保他們印在一頁上。所有主流瀏覽器都支援此屬性，包括 Chrome、Edge、Firefox、Opera 和 Safari。

作為替代方案，您可以使用 page-break-inside:void;，它已被 break- 棄用。內部：避免但應該仍然有效。

以上是如何防止CSS列印時DIV被截斷？的詳細內容。更多資訊請關注PHP中文網其他相關文章！