html 网页打印时如何实现强制分页呢?


摘要:
下文讲述网页打印时实现强制分页的实现方法,如下所示;

网页打印中-例如:票据打印 卡片打印,
这些纸张都是非常小的卡片,我们可以通过IE添加自定义纸张大小,但是如何让另一张卡片强制分页呢?
此时我们就需使用指定的css属性使网页,一段内容分为一页

实现思路:
    在元素上使用css属性 page-break-before:always ,即可使当前区域处于一个单独的页面上

例:

   <HTML>
  <HEAD>
    <TITLE>猫猫教程(maomao365.com)
        网页打印分页示例
        </TITLE>
  </HEAD>
  <BODY>
    <DIV>我是第一页</DIV>
    <DIV STYLE="page-break-before:always">我是第二页</DIV>
    <DIV STYLE="page-break-before:always">我是第二页</DIV>
     <button onclick="window.print()">打印</button>
  </BODY>
</HTML>