14 css printing printing-web-page
我有一个生成优惠券的页面.每张优惠券div的高度根据内容而变化.我想在每个页面上打印尽可能多的优惠券,但我不希望优惠券分成几页.CSS属性page-break-inside完全符合我的需要.但是,我需要这个适用于Firefox和/或Chrome.而这是不支持的.两年和一年前同样的问题被问,并有对此没有很好的选择.我们进一步的CSS3/HTML5 /整体浏览器开发很多......有没有其他方法让这个工作？
示例在这里:http: //jsfiddle.net/e3U66/2/
假设页面在打印时测量为1000px.我希望第二个DIV出现在第二页上,否则它会在第一页和第二页上分开.此代码适用于Opera,但不适用于FF或Chrome.
为什么不呢，在页面加载完你的内容之后，使用js滚动内容并将divs的高度相加。
一旦达到1000px或您确定的页面高度，然后在最新的 div 之前插入一个空白div样式。page-break-before