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 website上做一些阅读，看来这个css属性适用于表格元素

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

编辑：

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

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

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

并将您的CSS更改为

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

Answer 2

显然我很傻，我试图相信Chrome的打印预览，而不仅仅是自己打印它，打印时我发现分页确实有效，谢谢你的帮助m.t！：）

对于阅读此内容的其他人来说，这是一个公平的警告，虽然它很有用但并不总能让您准确了解您的打印作业。

Html分页符不起作用

2 个答案: