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>

的最大高度设置为非常小的值并逐渐增加它来解决它，直到问题再次出现。

基本上就是这样：

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

Answer 4

我显示了 3 个空白页 在我的 iPhone 7 上的应用程序图标顶部 我不能或不知道它们如何或为何在那里？如何摆脱