Safari中的分页前和分页后打印空白页

Question

我正在使用打印样式表，并进行了设置，以便每个第3个div都具有“ last”类。 从CSS：

.last {
  page-break-after: always;
}

因此，它应该每4格开始一个新页面。 该行为在所有浏览器中均正常运行。 但是，在Safari中，每次我调用带有分页后的div时，都会在打印结束时打印一个额外的空白页。 因此，例如，如果我要打印7个div（最后一个类是2个div），那么我将在打印末尾得到两个额外的空白页（除空白处的URL /日期/时间）。 如果我每隔4个div使用page-break-before，就会发生同样的事情。

有什么办法可以避免这种行为？

Answer 1

您可能要尝试使用单独的空白div进行分页。 如果没有您的问题的示例，那是我能做的最好的事情。

一种（更好的imo）打印页面而没有div浪费底部长度的任意长度的方法是使用@media打印来删除所有样式。 HTML5Boilerplate在其CSS中具有出色的@media打印：

https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css

（在底部）