printArea.js如何在div标签之间插入分页符

Question

我正在使用printArea.js一起打印网页的多个div部分。 代码如下：

$('div#key_retailer_overview,div#top_retailers,
div#key_retailer_by_upc,
div#key_retailer_by_store').printArea();

问题是我无法在div之间获得分页符。 在每个div之间插入分页符的标记是什么？ 谢谢你的帮助。

Answer 1

在每个<div class="page-break"></div>上插入一个类，例如<div class="page-break"></div>

然后在您的媒体查询中

插入

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: always; }
}