no_picture

HTMLを印刷時 表の途中で改ページを防ぐ

印刷用のページってどうやって作るのがいいんだろう? PDF? HTMLでもいいの? ってことで HTML でかきはじめてました。 キャプションと表をひとくくりにしたかったのですが、そのままだと表の途中で改ページされてしまうのは具合が悪くてなんとしたい。 ひとつの表はページを跨いで欲しくない。 CSSで改ページを制御するには page-break-inside を avoid にしてやればよいらしいです。 なので以下のようなHTMLを用意して、 <div class="block"> <h1>表の説明</h1> <table> <tr> ... </tr> </table> </div> CSSを以下のように用意すると期待したとおりになりました。 .block { page-break-inside: avoid; }