一、普通打印（整页打）

调用原生javascript方法——window.print()

1  2  3  4 
      5  6 11 12 13 14 15 16 17 

 

 

二、局部打印

jQuery插件jquery.PrintArea.js可实现打印页面某区域功能

下载地址：

1  2  3  4     
      5      6       7       8     15 16 17     
     
       18         这个是打印时显示的。。。 19     
     
 20     
     
       21         这个是打印时隐藏的。。。 22     
     
 23      24 25 

 

 

三、分页打印

page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。

 

1.page-break-after 属性设置元素后的 page-breaking 行为。

　　——auto　　   默认。如果必要则在元素后插入分页符。

　　——always　　在元素后插入分页符。

　　——avoid　　  避免在元素后插入分页符。

　　——left　　     在元素之后足够的分页符，一直到一张空白的左页为止。

　　——right　　   在元素之后足够的分页符，一直到一张空白的右页为止。

　　——inherit　　规定应该从父元素继承 page-break-after 属性的设置。

 

2.page-break-before 属性设置元素前的 page-breaking 行为。

　　——auto　　   默认。如果必要则在元素前插入分页符。

　　——always　　在元素前插入分页符。

　　——avoid　　  避免在元素前插入分页符。

　　——left　　     在元素之前足够的分页符，一直到一张空白的左页为止。

　　——right　　   在元素之前足够的分页符，一直到一张空白的右页为止。

　　——inherit　　规定应该从父元素继承 page-break-after 属性的设置。