如何防止列印時DIV跨頁分割？

列印問題：防止 DIV 跨頁分叉

遇到動態 DIV 在頁面之間被切成兩半的列印困境？當嘗試列印具有大量可變高度 DIV 元素的冗長文件時，就會出現此問題。

CSS 救援解決方案

為了解決此問題，CSS 屬性中斷 -裡面來拯救。透過指定避免值，您可以確保渲染引擎防止 DIV 中途分割。程式碼片段如下：

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

所有主流瀏覽器都支援此解決方案，包括：

• Chrome 50
• Edge 12
• Firefox 65
• Opera 37
• Safari 10

替代選項

替代選項另一個可行的選項是使用分頁符- 內在：避免；而非闖入：避免；。然而，這種方法已被棄用，應謹慎使用。

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