如何防止打印时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中文网其他相关文章！