在html打印上设置2个分页符

Question

我想在打印html页面上添加一个空白页面。我用这个课：

.page{
   PAGE-BREAK-AFTER: always;       
}

打印页面时，页面中断。问题是我希望在此之后添加另一个分页符。

我一直在尝试：

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

但只有一个是固定的。我怎么能设置2个或多个分页符？或者我怎么能这样做才能添加空白页呢？

Answer 1

尝试这样做：

<div class="page-before"></div>
<div class="page">
    <!-- page content here -->
</div>

CSS：

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

只要page-before div总是空的，它就不应该是可见的或者会对布局产生负面影响。

Answer 2

最后我不得不在div中引入一些文本，只是为了让IE不要忽略之后的中断。它终于得到了这样的方式：

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

和html：

<div class="page">
  <!-- page content here -->
</div>
<div class="page">
  ·
</div>