HTML 分页符不起作用

Question

尝试在我正在处理的页面中设置分页符，但在打印预览中我仍然看到页面上不应该出现的内容。无法弄清楚为什么这不起作用。

在我的 CSS 样式中:

.applicant-break hr {page-break-after:always;}

在我的 ASP.NET 代码中...开始标记的部分代码 View :

<b>Resume</b>
<br />
<asp:Literal runat="server" ID="litResume"></asp:Literal>
<br />
<br />             
<hr class="applicant-break" />
</ItemTemplate>
</asp:Repeater>  
</asp:Panel>

如有任何帮助，我们将不胜感激。

Answer 1

你的CSS需要

hr.applicant-break {page-break-after:always;}

编辑:

正在阅读 W3Schools website , 似乎这个 css 属性是为表格元素设计的

"Set the page-breaking behavior to always break after a table element"

编辑:

阅读更多内容，似乎浏览器支持的不仅仅是表格元素，但是有些浏览器在 HR 和 BR 标签上遇到问题 ( Reading here )

试着像这样在 hr 后面放一个 div

<hr />
<div class="applicant-break"></div>

并将您的 CSS 更改为

div.applicant-break {page-break-after:always;}