html - html 分页符增加了 3 个额外的空白页

Question

当我使用分页符属性然后从 i.e7 查看我的页面并单击打印预览时，它会在第一页和第二页之间生成 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;
}