Html 分页符不起作用

2024-04-06

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

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

任何帮助,将不胜感激。


你的CSS需要是

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

EDIT:

阅读一些关于W3学校网站 http://www.w3schools.com/cssref/pr_print_pageba.asp,看来这个 css 属性是针对表格元素的

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

EDIT:

进行更多阅读,似乎浏览器确实支持的不仅仅是表格元素,但是某些浏览器在 HR 和 BR 标签上遇到问题(在这里阅读 http://www.javascriptkit.com/dhtmltutors/pagebreak.shtml)

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

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

并将你的 CSS 更改为

div.applicant-break {page-break-after:always;}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Html 分页符不起作用 的相关文章

随机推荐