2,380 views

この記事は最終更新から 1709日 が経過しています。

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