📅 最后修改于: 2023-12-03 14:41:46.095000 🧑 作者: Mango
HTML DOM中的pageBreakAfter属性定义了元素后面的页面应如何分页。
object.style.pageBreakAfter="auto|always|avoid|left|right|initial|inherit"
auto：默认值。规定打印机控制页的自动分页行为。always：规定元素始终跟在另一页后面。avoid：规定尽可能地在当前页中保留元素。如果当前页没有足够的空间容纳元素，则该元素将出现在下一页上。left：规定元素将始终出现在左侧页边距处。right：规定元素将始终出现在右侧页边距处。initial：规定此属性的初始值。inherit：规定应该从父元素继承此属性的值。以下实例演示了如何使用pageBreakAfter属性来控制元素的分页行为：
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin-bottom:20px;
page-break-after: always;
}
</style>
</head>
<body>
<h1>使用 page-break-after 属性控制页面分页</h1>
<p>页面将在每个div元素之后以新页进行分页。</p>
<div>第 1 部分呈现在第一页上。</div>
<div>第 2 部分呈现在新页上。</div>
<div>第 3 部分呈现在新页上。</div>
</body>
</html>
输出结果如下：
页面将在每个div元素之后以新页进行分页。
其中，每个div元素都被设置为总是在另一页后面出现，从而实现了页面分页的效果。
pageBreakAfter属性现在得到了所有主流浏览器的支持。
详细信息请参阅Can I use。