CSSpage-break-after属性

在CSS中，page-break-after是一个属性，它控制了元素后的分页行为。

当你打印一个网页的时候，page-break-after属性可以设置在元素后插入一个分页符，将内容分割到新的一页上。它的值可以是以下之一：

• auto： 默认值。自动分页。
• always： 在元素后总是插入分页符。
• avoid： 避免在元素后插入分页符。
• left： 插入分页符，使得下一页在左侧（仅用于双面打印）。
• right： 插入分页符，使得下一页在右侧（仅用于双面打印）。

例如：

1.  
   <div style="page-break-after: always">This content is on page 1.</div>
2.  
   <div>This content is on page 2.</div>

使用JavaScript，你也可以动态地改变一个元素的page-break-after属性：

1.  
   var div = document.getElementById("myDiv");
2.  
   div.style.pageBreakAfter = "always";

但是请注意，page-break-after属性只在打印预览或实际打印时才有效。在常规浏览模式下，你无法看到分页效果。

这篇好文章是转载于：编程之路