web 打印分页技巧

 page-break-after 和 page-break-before:

  page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值:auto、always、left和right。其中Auto是默认值,只有在有需要时,才需设定分页符号 (Page breaks)。page-break-before若设定成always,则是在遇到特定的组件时,打印机会重新开始一个新的打印页。page-break-before若设定成left,则会插入分页符号,直到指定的组件出现在一个左边的空白页上。page-break-before若设定成right,则会插入分页符号,直到指定的组件出现在一个右边的空白页上。page-break-after属性会将分页符号加在指定组件后,而非之前。在下列

 

 .paging{page-break-after :always}

定义一个样式,在table中的某一行加上这个样式,一下就会根据papging 为分页打印了。

<table>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
</tr>
<tr class='paging'>分页</tr>
<tr>
    <td>11</td>
    <td>22</td>
    <td>33</td>
</tr>

</table>

 

posted @ 2015-01-20 10:02  dragon.net  阅读(750)  评论(0编辑  收藏  举报