html - 最後のページが空白になるのを防ぐにはどうすればよいですか?

Question

オブジェクトのリストを繰り返し処理しています。反復ごとに、1 つのページのコンテンツを含むテーブルを作成して入力します。

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

ルビーを使用してページを作成しています。壊れるCSSと壊れない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