カテゴリー
CSS page-break-inside

【CSS】page-break-inside:印刷時の改ページを避ける

(例)【CSS】page-break-insideの使用方法

See the Pen
page-break-inside
by linlin (@linlin098765)
on CodePen.

<p class="sample1">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</p> 
<p class="sample2">
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</p> 
p.sample1 {page-break-inside:avoid; font-size:30px; line-height:50px;}

【CSS】page-break-inside:印刷時の改ページを避ける

 CSSのpage-break-insideは、印刷時の改ページを避けるプロパティです。

  • auto
    指定しない(初期値)
  • avoid
    改ページを避ける