在不打破两页内容的情况下打印html div

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

是否有任何CSS或JavaScript我可以用来说明一个特定的div不能在两个页面之间断开？

我看到了css规则“page-break-before”，我可以用它围绕我的div，但即使在可以避免的情况下也会导致页面中断（不必要地增加整个打印页面）。

2012-11-23 Zé Carlos

可能的复制http://stackoverflow.com/questions/907680/css-printing-avoid-cut-in-half-divs-between pages – MikeSmithDev

最好的办法是这样的（但具有兼容性问题）

.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)

2012-11-23 14:59:24 MikeSmithDev

是necesary连接其他的CSS打印：

<link type="text/css" rel="stylesheet" media="print" href="PATH_TO_CSS" />

，写的风格只为打印。

2012-11-23 14:42:36 Graidenix

这是如何回答他的问题的？ – MikeSmithDev

回答