CSS page-break-after属性

CSS的page-break-after属性用于控制页面在哪里断开，换句话说，它可以决定一个元素在哪里断开页面并开始打印下一页。

基本语法

page-break-after: auto|always|avoid|left|right|inherit;

可选值

• auto：默认值。将依据浏览器的处理方式进行页面分割。
• always：在元素后面进行分页。
• avoid：在元素后面分割，如果在同一页内排列时，就不进行分割。
• left：在元素后面分割，使下一页在左边开始。
• right：在元素后面分割，使下一页在右边开始。
• inherit：从父元素继承page-break-after属性的值。

实例

@media print { /*媒体查询，仅在打印模式下生效 */
    .article {
        page-break-after: always; /*在元素后面进行分页*/
    }
}

注意事项

• 当使用属性为always、left或right，在元素后面进行分页时，必须给父元素添加“page-break-inside: avoid;”避免在分页时子元素也被分页。
• 该属性的使用仅在打印模式下生效。

以上内容介绍了CSS的page-break-after属性的基础知识，如需更深入的了解，请自行搜索了解。