CSS page-break-after 属性

CSS 属性 page-break-after 用于控制在打印页面时在指定元素之后插入分页符。该属性可以接受以下值：

• auto：默认值。自动插入分页符。
• always：在指定元素之后始终插入分页符。
• avoid：尽可能避免在指定元素之后插入分页符。
• left：在指定元素之后始终插入分页符，且分页符位于左页边。
• right：在指定元素之后始终插入分页符，且分页符位于右页边。

示例代码：

// www.javascriptcn.com code example
@media print {
  .page-break {
    page-break-after: always;
  }

  .avoid-break {
    page-break-after: avoid;
  }

  .left-break {
    page-break-after: left;
  }

  .right-break {
    page-break-after: right;
  }
}

在上面的示例中，我们定义了几个不同的类来控制分页符的插入方式。当在打印页面时应用这些类到相应的元素上，就可以控制分页符的位置和插入方式。

注意：page-break-after 属性只在打印页面时生效，不会影响在浏览器中的显示效果。在设计打印样式时，可以利用这个属性来控制页面的分页效果，以确保打印出来的文档排版整齐美观。