今まで知らなかったが、cssできれいにページごとにプリント範囲を分ける方法がある。

複数の質問があって、最後にその結果が表示され、その結果をプリントして提出する、というサイトの制作時に使用したのが、この【page-break-before: always;】。

製品ページなど、情報量があらかじめわかっているようなものには特に便利だ。

.pagebreak{
  page-break-before: always;
}

このように設定しておけば、cssを適用した【タグの前】までが前のページになるので、タグから次のページにプリントされるようになる。もちろん、Macなどでプリントではなく、PDFなどにプリントする際も同じようにきれいに分割してくれる。