css – 用于分页符的替代方法:避免

前端之家收集整理的这篇文章主要介绍了css – 用于分页符的替代方法:避免前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面生成优惠券.每个优惠券是一个高度根据内容而变化的div.我想尽可能在​​每个页面上打印尽可能多的优惠券,但是我不希望将优惠券分成几页. CSS属性page-break-inside完全符合我所需要的.但是,我需要这样做可以用于Firefox和/或Chrome.而 this is not supported. Two yearsone year ago也提出了同样的问题,并没有什么好的选择.我们很多CSS3 / HTML5 /整体浏览器开发进一步…有没有办法让这个工作?

例如:
http://jsfiddle.net/e3U66/2/

假设一个页面打印时,测量为1000px.我想让第二个DIV出现在第二页上,因为否则它会在第一页和第二页分页.此代码适用于Opera,但不适用于FF或Chrome.

解决方法

为什么不在页面加载您的内容之后,使用js滚动内容加上div的高度.

一旦达到1000px或任何你确定为页面高度,然后在最新的div之前插入一个空白div样式与页面分隔.

猜你在找的CSS相关文章