CSSで印刷の改ページを制御する

harada 154views 更新:2015年6月16日

Webページを印刷する際に、何も指定していなければ適当な位置で改ページされて表示されますが、以下の指定を行うことでCSSで改ページを制御することができます。

CSS例

.printBlock {
page-break-after: always;
}

HTML例

<div class="printBlock">
このブロックの直後に改ページされます。
</div>

ただしブロックの途中でコンテンツが1ページ分をはみだした場合は自動改ページも入りますので注意するようにしましょう。

参考:[CSS]CSS で印刷時のページ分割(改ページ)を行う方法

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません