[分享]css3打印分页

CSS3打印分页是一项非常实用的技术，可以帮助我们在打印文档时将内容分页，使输出效果更加美观。下面我们来看看如何使用CSS3打印分页。media print{ /分页符/ .pagebreak{ di...

CSS3打印分页是一项非常实用的技术，可以帮助我们在打印文档时将内容分页，使输出效果更加美观。下面我们来看看如何使用CSS3打印分页。

@media print{
    /*分页符*/
    .page-break{
        display:block;
        page-break-after: always;
    }
} 

在CSS3中，我们使用@media print来指定打印样式。在@media print中，我们可以使用page-break-after属性来实现分页效果。其中，page-break-after属性有以下值：

• auto：默认值，根据内容自动分页。
• always：强制在元素后分页。
• avoid：尽量不要在元素后分页。
• left：在元素后分页，使当前页的左边是空白的。
• right：在元素后分页，使当前页的右边是空白的。
• initial：设置为默认值。
• inherit：从父元素继承。

/*使用分页符*/
<div class="page-break"></div> 

在需要分页的地方，我们可以使用一个空的div标签，并给该标签添加.page-break类名。当打印时，该标签会被自动转换为分页符。

以上就是CSS3打印分页的详细介绍，希望对大家有所帮助。