网页中如何用 CSS 设置打印分页符

Word 中按 Ctrl + Enter 创建一个分页符，方便打印，其实网页中也可以，用 CSS 的 page-break-after:always;。

<p>第 1 页</p>
<div style="page-break-after:always;"></div>
<p>第 2 页</p>
<div style="page-break-after:always;"></div>
<p>第 3 页</p>

任何浏览器都支持 page-break-after:always;，但 page-break-after 的其他属性值 left、right、inherit、avoid 则总有一些浏览器不支持。page-break-after 应用于 position 值为 relative 或 static 的非浮动块级元素。元素或父元素的 display 为 none 时，page-break-after 不起作用。

上面把 page-break-after 应用在一个空白的 div，使看起来更像一个分页符，其实 page-break-after 应用在当前页的最后一个标签，比如下面的代码：

<p>第 1 页</p>
<p style="page-break-after:always;">第 1 页</p>
<p>第 2 页</p>
<p style="page-break-after:always;">第 2 页</p>
<p>第 3 页</p>
<p>第 3 页</p>

page-break-after 的元素在打印时，必须是可显示的，否则不起作用。

转载于:https://www.cnblogs.com/lxboy2009/p/3913118.html