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

【问题标题】：I'm trying to use a print.css to print one div per page, and I'm failing我正在尝试使用 print.css 每页打印一个 div，但我失败了
【发布时间】：2011-06-21 04:29:25
【问题描述】：

我的代码示例如下：

<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 的 .print 类上尝试了 'page-break-before' 和 'page-break-after'。我不确定我做错了什么。

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

【问题讨论】：

你的 CSS 是什么？因为您需要 page-break-after: always，而不仅仅是属性。什么浏览器？多次测试？

标签： css printing print-css

【解决方案1】：

你应该使用css规则：

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

它适用于 Chrome 12.0 和 Firefox 3.5

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

【讨论】：

在 Chrome 和 Safari 上测试。太棒了！

【解决方案2】：

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

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

它对我有用...

【讨论】：

这在 Chrome 中除外。似乎 Chrome 是唯一仍然给我带来麻烦的。似乎没有任何效果。 @Sean css 是 .print {page-break-after:always;} 并且该类应用于需要打印的多个 div。
Safari 也给我带来了问题。似乎 webkit 存在分页问题。