(99) WEBページを印刷時に改ページを入れたい。

投稿者: | 2021年2月18日

1. やりたいこと

WEBページを印刷するときに
任意の場所で改ページさせたい。

2. やってみる

改ページさせたい場所に break-before もしくは break-after を書けばよい。

例1 : 任意の divブロックの直前で改ページさせたい。

以下のように書く。

<div style="break-before:page">
なんやら
</div>

例2 :

うまくPDF出力されないなど、いろいろと試行錯誤があったので、後日追記する。

display:block
position:relative
とかいろいろ…

3. 参考情報

設定値にはいろいろとあるので、以下のページを参照されたい。
https://developer.mozilla.org/ja/docs/Web/CSS/break-before


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)