css - 我正在尝试使用 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'是对的，这就是我在搜索时总能找到的解决方案，但我似乎无法让它发挥作用。

score 23 · Accepted Answer

您应该使用 css 规则：

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

它适用于 Chrome 12.0 和 Firefox 3.5

Allex 给出的使用 br 标签的解决方案在这个版本的 Chrome 中不起作用

score 15 · Accepted Answer

</div>在每个标签之后尝试这个

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

这个对我有用...

2 回答 2