Safari中的页面中断和分页后打印空白页面

Question

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

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

因此，它应该开始每隔四格一个新的一页。该行为在所有浏览器中都能正常工作。但是，在Safari中，每次我使用页面中断后调用div时，打印结束时会打印一张额外的空白页面。因此，例如，如果我打印7个div（最后一个类为2个），则会在打印结束时打印两个额外的空白页（除页边/日期/时间外）。如果我在每隔四格之前使用分页符，则会发生同样的情况。

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

Answer 1

您可能想尝试使用单独的空白div作为分页符。没有你的问题的例子，这是我能做的最好的。

打印页面的方式（没有任何长度的div在底部浪费空白空间）将使用@media打印来删除所有样式。 HTML5Boilerplate具有包括在他们的CSS一个伟大的@media打印：

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

（底部）