Safari中的頁面中斷和分頁後打印空白頁面

Question

我正在使用打印樣式表並設置它，以便每個第3個div都有「last」類。從css：

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

因此，它應該開始每隔四格一個新的一頁。該行爲在所有瀏覽器中都能正常工作。但是，在Safari中，每次我使用頁面中斷後調用div時，打印結束時會打印一張額外的空白頁面。因此，例如，如果我打印7個div（最後一個類爲2個），則會在打印結束時打印兩個額外的空白頁（除頁邊/日期/時間外）。如果我在每隔四格之前使用分頁符，則會發生同樣的情況。

有什麼辦法可以避免這種行爲？

Answer 1

您可能想嘗試使用單獨的空白div作爲分頁符。沒有你的問題的例子，這是我能做的最好的。

打印頁面的方式（沒有任何長度的div在底部浪費空白空間）將使用@media打印來刪除所有樣式。 HTML5Boilerplate具有包括在他們的CSS一個偉大的@media打印：

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

（底部）