欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

web 打印分页技巧

程序员文章站 2022-07-03 20:52:48
...

 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>