【问题标题】:page break a specific portion of the page分页符页面的特定部分
【发布时间】:2012-04-27 12:50:28
【问题描述】:

我试图将页面的特定部分带到下一页,在第一页上保留该部分之后的其余页面元素,让我用一个图来解释它

我想将trclass=nextpage 带到下一页并保持页面的其余部分不变,以便最终打印看起来像

有可能实现吗?还是我必须考虑其他一些选项,例如 iText sharp(虽然我也不知道我将如何使用它).. 请帮我找到方法

【问题讨论】:

    标签: javascript css asp.net-mvc-3 browser printing


    【解决方案1】:

    所以通常你会编写以下 CSS 来获取下一页上的元素并完成:

    .nextPage {
      page-break-before: always;
    }
    

    但这仅适用于块元素。您可以将 display:block 添加到您的 CSS 类中,但这会改变表格行的格式。也许最好的做法是将表格行中第一个单元格的内容包装在一个 div 中,这是一个块元素:

    <table>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td><div class="nextPage"></div></td><td></td>
      </tr>
    </table>
    

    【讨论】:

    • @Annie 带有 class=nextPage 的 div 元素将被移到下一页,我该如何将它们格式化成表格?
    • 如果您查看示例 HTML,您可以将
      元素放在 元素中。所以他们仍然在桌子上。只是表格的那一部分(以 div 开头的部分)现在在打印时位于新页面上。
    • @Annie nope 没有任何反应,td 的值包含在 div class="nextPage"&gt;sdasdsa&lt;/div&gt;,/td&gt; 中仍然在同一页面上
    • 这里是我的视图源的要点,它非常混乱,但你会发现 tr 带有 div 元素的类 pagebreakclass gist.github.com/2516367
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签