【问题标题】:Html Page Break not workingHtml分页符不起作用
【发布时间】:2013-01-31 06:54:25
【问题描述】:

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

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

任何帮助将不胜感激。

【问题讨论】:

    标签: html css printing


    【解决方案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;}
    

    【讨论】:

    • 嗯,更改后仍然无法正确打印出来。
    • 如果这不起作用,则有其他 CSS 干扰它,或者您的 html 格式不正确。你还有其他的css申请到hr或者applicant-break吗?
    • 页面上是否有项目被打印出来?
    • nope hr 和申请人-break 没有别的东西。打印出来时页面上有项目,这是我想看到的所有内容,只是不在正确的页面上。可能是因为我使用的是 hr 标签吗?我听说分页符仅适用于特定标签。
    【解决方案2】:

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

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

    【讨论】:

    • 奇怪,我在 HR 上似乎可以在打印预览中使用 chrome
    猜你喜欢
    • 2014-03-24
    • 2015-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多