ウェブページでテーブルを使い、キッチとしたレイアウトを作ったにもかかわらず、印刷をすると列・セルの途中で改頁され、列の上半分は前のページ、後ろ半分は、次のページに分断されることがある。
CSSで制御するには、こちらのスタイル(クラス)を追加し、テーブルにそのクラスを指定することで、制御できる。
スタイルの追加:
<style>
table.print-friendly tr td, table.print-friendly tr th {
page-break-inside: avoid;
}
</style>
テーブルにクラスの指定:
<table class="print-friendly">