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

【问题标题】：html page break adds 3 extra blank pageshtml 分页符增加了 3 个额外的空白页
【发布时间】：2011-06-17 00:47:44
【问题描述】：

当我使用分页符属性，然后从 i.e7 查看我的页面并单击打印预览时，它会在第一页和第二页之间生成 3 个空白页。

您无法真正复制错误，因为它嵌入为 iframe

【问题讨论】：

【解决方案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 设置样式，但在打印之前隐藏它。

【讨论】：

很高兴为您提供帮助。 div 可能会导致您的屏幕设计出现问题。如果是这样，请在您的样式表中给它一个display:none;，然后在您的打印样式表中给它一个display:block;。但是，如果它没有给你屏幕上的问题，那么就让它保持原样......一切都很好。

【解决方案2】：

解决方案是给你的身体一个height: auto;

【讨论】：

【解决方案3】：

当我遇到类似问题时，我通过将每个<div>s 的最大高度设置为非常小的值并逐渐增加它直到问题再次出现来解决它。

基本上就是这样：

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

【讨论】：