javascript - 打印 html div 而不破坏两页之间的内容

标签 javascript html css

当我使用 window.print() 打印我的网页时,结果将是几页。我有一些不能在两页之间中断的 html div 元素。虽然,因为页面内容是动态创建的,所以我无法知道我的 div 何时会损坏。

我可以使用任何 css 或 javascript 来告诉特定的 div 不能在两个页面之间中断吗?

我看到了 css 规则“page-break-before”,我可以在我的 div 周围使用它,但这会导致分页,即使在可以避免的情况下(不必要地增加总打印页数)。

最佳答案

你最好的选择是这个(但有兼容性问题)

.noBreak { page-break-inside: avoid;  } 

当前兼容性(source):

Chrome     Firefox (Gecko)    Internet Explorer    Opera     Safari (WebKit)
1.0        19.0 (19)          8.0                  7.0       1.3 (312)

其他 SO 讨论:alternative to page-break-inside:avoid because of compatibility issues

W3Schools

关于javascript - 打印 html div 而不破坏两页之间的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13531159/

相关文章:

html - 页面上无法解释的溢出 x

javascript - 固定标题元素在窗口上移动减少

javascript - 为什么我得到这个输出? ( jQuery .append() 问题)

javascript - 使用ng2-charts,如何 "zoom out"?

html - 让页面背景随用户滚动

javascript - 如何在一定距离内停止 twitter bootstrap scrollspy?

javascript - 背景颜色在手机上消失

javascript - 根据您键入的速度,onkeyup 会触发多次

javascript - HTML5 : Change button focus when using another input box

javascript - 最大高度 div 和 div 中以及 div 中的段落