我正在尝试使用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在打印时都在自己的页面上.我试着'page-break-before'和'page-break-after'对.print在print.css类.我不确定我做错了什么.

在我看来,这似乎'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" />

这个对我有用...