html - 如何防止最后一页空白？

Question

我正在遍历对象列表。在每次迭代中，我都会构建并填充一个包含单个页面内容的表。

我正在使用 CSS 在每个表格后添加分页符。

table { page-break-after: always; }

这很好用，除了我总是得到空白的最后一页。我认为这是由于最后一次表迭代应用了分页符。

我试过了。

table { page-break-after: always; }
table { page-break-after: auto; }
table { page-break-after: left; }
table { page-break-after: right; }

但是，我总是得到空白的最后一页。

是否有另一种插入分页符的方法不会产生空白的最后一页？
或者也许有某种方法可以检测是否是最后一次迭代而不是插入最后一个分页符？

Answer 1

你可以添加这个:

table:last-of-type {
    page-break-after: auto
}

或者也许

body > *:last-child {
    page-break-after: auto
}