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; }

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

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

score 14 · Accepted Answer

你可以添加这个：

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

或许

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

score 2 · Accepted Answer

我正在使用 ruby 创建页面。我创建了不同的css来打破和不打破。

#publication_no_break{
/* stuff here */
page-break-after: avoid;
}

#publication_break{
/* stuff here */
page-break-after: always;
}

在代码上，我计算我需要打印的每一页

<% if page != total_pages %>
< .... .... id="publication_break" >
<% else %>
< .......... id="publication_no_break">
<% end %>

你可以用你正在编码的任何语言尝试这样的事情。

2 回答 2