page-break-after 是一种 CSS 样式属性，用于控制分页的行为。它指定在当前元素之后插入一个分页符，并将下一个元素放在新的页面上。具体来说，page-break-after 可以用来控制分页的位置，例如在章节标题之后强制分页，或者避免分页在表格中间出现。
page-break-after 属性的css语法如下：
page-break-after: auto|always|avoid|left|right|inherit;
其中，各个属性的含义如下：
auto：默认值，表示使用自动分页规则。
always：表示总是在当前元素之后插入一个分页符。
avoid：表示尽量避免在当前元素之后插入一个分页符，如果不可避免则可以插入。
left：表示在当前元素之后插入一个分页符，并将下一个元素放在左侧页面上。
right：表示在当前元素之后插入一个分页符，并将下一个元素放在右侧页面上。
inherit：表示继承父元素的分页规则。
以下是一个 page-break-after 样式的示例：
<style>
h1 {
page-break-after: always;
}table {
page-break-after: avoid;
}
</style><h1>Chapter 1</h1>
<p>Content...</p><h1>Chapter 2</h1>
<p>Content...</p><table>
<tr><th>Header 1</th><th>Header 2</th></tr>
<tr><td>Data 1-1</td><td>Data 1-2</td></tr>
<tr><td>Data 2-1</td><td>Data 2-2</td></tr>
<tr><td>Data 3-1</td><td>Data 3-2</td></tr>
<tr><td>Data 4-1</td><td>Data 4-2</td></tr>
<tr><td>Data 5-1</td><td>Data 5-2</td></tr>
<tr><td>Data 6-1</td><td>Data 6-2</td></tr>
</table>
在这个示例中，我们使用 page-break-after: always; 属性在每个章节标题之后强制插入分页符，确保每个章节都始于新的页面上。同时，我们使用 page-break-after: avoid; 属性来避免在表格中间插入分页符，确保表格始于同一页上。