我正在尝试使用print.css每页打印一个div，但我失败了

Question

我的代码的一个例子是：

<div class="print">
This div needs to be on one page.
</div>

<div class="print">
This div needs to print on a separate page.
</div>

我上面有几个divs，打印时我需要每个div都在它自己的页面上。我在print.css的'page-break-before'类上尝试了'page-break-after'和.print。我不确定我做错了什么。

在我看来，'page-break-after'是正确的，这是我在搜索时总能找到的解决方案，但我似乎无法让它发挥作用。

Answer 1

您应该使用css规则：

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

适用于Chrome 12.0和Firefox 3.5

Allex使用br标签提供的解决方案在此版Chrome中无法使用

Answer 2

在每个</div>代码

之后尝试此操作

<br clear="all" style="page-break-before:always" />

它对我有用......