html分页符添加3个额外的空白页面

时间:2011-06-17 00:47:44

标签: html css page-break

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

我在这里复制了一些示例代码:http://jsfiddle.net/vW54X/embedded/result/

你无法真正复制错误,因为它嵌入了iframe

3 个答案:

答案 0 :(得分:1)

IE7使用page-break-after:always做了一些有趣的事情。

不是将其应用于div#cl,而是创建一个新的空pdiv并将其应用于该#cl。放在<div id-"cl"> //all your content </div> <div class="pageBreak">&nbsp;</div> 之后,所以

page-break-after: always

使用{{1}}设置样式,但将其隐藏直到打印。

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

基本上就是这样:

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