网页中如何用 CSS 设置打印分页符
浏览数：22 /
时间：2015年06月09日
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>
<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>
<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 的元素在打印时，必须是可显示的，否则不起作用。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
