问分页后不生成页面
EN

Stack Overflow用户

提问于 2010-09-16 03:36:55

回答 1查看 550关注 0票数 0

我正在做一个项目，允许用户在网页编辑器中设计表单。其中一些内容本质上是增长/可变的(我们对其运行一个过程，并添加/替换各种HTML标记)。

最终的要求是这个表单是可打印的，并且看起来非常棒。

为了使它可打印，我需要适当地插入分页符，以确保内容分隔符位于我们想要的位置，而不是在某个任意位置。这在很大程度上是可行的，但在certan场景下，这是不会发生的。

下面是导致问题的一段简化的HTML。实际内容要复杂得多，但这说明了问题所在。第一个似乎被IE8忽略了。

如果您打开此页面，并选择打印-预览，您将在页面1上看到“this is page 1”和“This is page 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>

html

css

回答 1

Stack Overflow用户

发布于 2010-09-16 03:39:33

这只是虚张声势，但可以尝试为div提供一些内容，例如添加一个 

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3721165

复制

相似问题

问分页后不生成页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问分页后不生成页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问分页后不生成页面
EN