web 打印分页技巧

最新推荐文章于 2025-03-11 14:14:38 发布

weixin_30673611

最新推荐文章于 2025-03-11 14:14:38 发布

阅读量313

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dragon-L/p/4235334.html

本文介绍了如何使用CSS的page-break-before和page-break-after属性来控制网页打印时的分页行为。通过设定不同的值如always、left和right可以实现对打印页的精确控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

转载于:https://www.cnblogs.com/dragon-L/p/4235334.html