Safari中的Page-break-before和page-break-after打印空白页

时间:2012-01-26 23:43:47

标签: html css safari page-break

我正在使用打印样式表并将其设置为每个第3个div都有“last”类。来自css:

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

所以它应该每隔4个div开始一个新的页面。该行为在所有浏览器中都能正常运行但是,在Safari中,每次使用分页符调用div时,都会在打印结束时打印一个额外的空白页。因此,举例来说,如果我打印7个div(2个最后一个类),我将在打印结束时打印两个额外的空白(除了边距中的URL /日期/时间)页面。如果我在每4个div使用page-break之前会发生同样的事情。

有没有办法避免这种行为?

1 个答案:

答案 0 :(得分:0)

您可能想尝试使用单独的空白div来分页。如果没有你的问题的例子,这是我能做的最好的事情。

一种(更好的,imo)打印页面的方式,没有任意长度的div在底部浪费空白,将使用@media打印删除所有样式。 HTML5Boilerplate在他们的css中包含了很棒的@media打印:

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

(在底部)