html - Safari の改ページ前と改ページ後は空白ページを印刷します

Question

私は印刷スタイルシートを使用しており、3番目のdivごとに「最後」のクラスを持つように設定しています。CSS から:

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

したがって、4 div ごとに新しいページを開始する必要があります。この動作は、すべてのブラウザーで正しく機能します。ただし、Safari では、page-break-after で div を呼び出すたびに、余分な空白ページが印刷の最後に印刷されます。したがって、たとえば、7 つの div (最後のクラスで 2 つ) を印刷する場合、印刷の最後に 2 つの余分な空白 (余白の URL/日付/時刻以外) のページが印刷されます。4 div ごとに page-break-before を使用すると、同じことが起こります。

この動作を回避する方法はありますか?

Answer 1

改ページに別の空白の div を使用してみてください。それはあなたの問題の例なしで私ができる最善のことです.

任意の長さの div の下部にある無駄な空白スペースなしでページを印刷する (より良い、imo) 方法は、すべてのスタイリングを削除する @media print を使用することです。HTML5Boilerplate には、css に含まれる素晴らしい @media プリントがあります。

https://github.com/h5bp/html5-boilerplate/blob/master/css/style.css

(一番下)