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属性用于表元素

“将分页行为设置为始终在表元素之后中断”

编辑：

做更多的阅读，似乎浏览器不支持table元素，但是有些浏览器在HR和BR标签上有麻烦（ 在这里阅读 ）

尝试像这样在小时后放置div

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

并将您的CSS更改为

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

Answer 2

因此，很显然我很傻，我试图信任Chrome的打印预览，而不是自己亲自打印，打印后我发现分页符实际上可以正常工作，感谢您的帮助mt！ :)

因此，对其他阅读本书的人也是如此警告，尽管它很有用，但它并不能始终使您始终准确地了解自己的打印作业。