webの印刷時の改ページ

NO IMAGE

クライアントさんから

「webページを印刷すると変なところで分割されてヤダ」

と言われてしまいました。

webページであんまり印刷すること考えてなかったけど。。。

調べてみたらなんと便利なタグがあるではありませんか~~。

「page-break-before」と「page-break-after」

page-break-before は、その要素の直前で、

page-break-after は、その要素の直後で

改ページします。指定できる値は、

:after その位置で必ず改ページ

:avoid その位置での改ページを禁止

:auto 改ページついての制御をしない

cssソース

table {page-break-after:always;}

*印刷時にtableの後で改ページ

ふむふむ。

便利~

サイドバーとかメニューとかいらないもの省いてる時は使えますね。

ちなみに印刷用CSSで、印刷しないようにするためには、

#menu{display:none;}

と記載するだけ。

簡単ですね。

CSS+htmlカテゴリの最新記事