0

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

在我的 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>

任何帮助，将不胜感激。

4

2 回答 2

5

你的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;}
于 2013-01-30T22:14:42.070 回答
3

所以显然我很傻，我试图相信 Chrome 的打印预览，而不是自己实际打印，在打印时我看到分页符确实有效，感谢您的帮助 mt！:)

对阅读本文的其他人发出如此公平的警告，虽然它很有用，但它并不总是让您始终准确地了解您的打印工作。

于 2013-01-30T22:54:25.890 回答