Html 分页符不起作用

Question

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

在我的 css 风格中：

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

在我的 ASP.NET 代码...代码的部分视图中，开始标记在那里：

<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 网站上阅读一些内容，似乎此 css 属性适用于表格元素

“将分页行为设置为总是在表格元素之后中断”

编辑：

多做一些阅读，似乎浏览器支持的不仅仅是表格元素，但是有些浏览器在 HR 和 BR 标签上有问题（阅读这里）

尝试像这样在 hr 之后放一个 div

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

并将您的 CSS 更改为

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