」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何防止列印時DIV跨頁分割?

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

發佈於2024-11-07
瀏覽:395

How to Prevent DIVs from Being Split Across Pages When Printing?

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

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

CSS 救援解決方案

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

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

此解決方案受所有主流瀏覽器支持,包括:

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

替代選項

另一個可行的選擇是使用 page-break-inside: escape;而不是闖入:避免;。然而,這種方法已被棄用,應謹慎使用。

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3