html分頁符增加3個額外的空白頁面

Question

當我使用分頁符屬性，然後從ie7中查看我的頁面並單擊打印預覽時，它會在第一頁和第二頁之間生成3個空白頁。

我抄在這裏的一些示例代碼：http://jsfiddle.net/vW54X/embedded/result/

你不能真正雖然複製錯誤，因爲它嵌入作爲一個iframe

Answer 1

IE7做有趣的事情與page-break-after:always。

而不是將其應用到您的div#cl，請創建一個新的空的p或div並將其應用於該。地方的#cl後，所以

<div id-"cl"> 
    //all your content 
</div> 

<div class="pageBreak">&nbsp;</div> 

風格它page-break-after: always卻隱藏着它，直到打印。

Answer 2

的解決方案是給你的身體height: auto;

Answer 3

當我有類似的問題，我用我的每<div> S的最大高度設置爲一個很小的量逐漸增加，直到問題出現解決了它再次。

基本上，只要這樣的：

.your-container-div { 
    max-height: 27.4cm; 
}