Question

正在开发一个允许用户在Web编辑器中设计表单的项目。其中一些内容正在增长/变化（我们针对它运行一个进程并添加/替换各种HTML标记）。

最终要求是这种形式可打印，看起来非常棒。

为了使这个可打印，我需要适当插入分页符，以确保内容在我们想要的地方中断，而不是在某个任意位置。在大多数情况下，这是有效的，但在certan scenerios下，它没有发生。

下面是一个导致问题的HTML简化版。真实的内容要复杂得多，但这证明了这个问题。 IE8似乎忽略了第一个。

如果您打开它并选择打印预览，您将在第1页上看到“这是第1页”和“这是第2页”。

为什么这不起作用的任何想法？我整天都在努力想弄清楚什么是错的。

<body>
    <div style="width: 8.5in; height: 100%; position: relative; ">         
        <div style="left: 0.5in; width: 7.5in; top: 2.8in; position: absolute; overflow: visible; " id="editor4">            
            <div style="position: relative; overflow: hidden; " id="MsgBlock9">                    
                This is page 1.
            </div>                                                               
            <div style="page-break-after:always"></div>                
            <div style="position: relative; overflow: hidden; " id="MsgBlock15">                    
                This is page 2                               
            </div>                
        </div>
    </div>
    <div style="page-break-after:always"></div>                       
    <div style="width: 8.5in; height: 100%; position: relative; overflow: hidden;" >                
        <div style="left: 0.7in; top: 0.25in; width: 7.5in; height: 100%; position: absolute; overflow: hidden; " id="editor9">
            This is page 3
        </div>
    </div>
</body>

Answer 1

只是在黑暗中拍摄，但尝试给出div一些内容，例如添加 ：

<div style="page-break-after:always">&nbsp;</div>

page-break-after不生成页面

1 个答案: