【问题标题】:Avoid table border split on page break while printing打印时避免在分页符处拆分表格边框
【发布时间】:2016-07-04 20:41:42
【问题描述】:

我的内容已经在同一页面上,这不是问题所在。 (关于 SO 的其他一些问题可以解决这个问题)。我的问题特别是边界。查看表格边框如何将第 43 行一分为二。

我希望 43 完全出现在下一页。 42 应该有一个底部边框,43 应该有一个顶部边框。这就是我想要的。 (我在绘画中创造了这个)

我试过page break inside: avoid 但这不起作用。 4px 技巧也不起作用。我在最新的稳定铬。 51

【问题讨论】:

    标签: html css printing


    【解决方案1】:

    你能试试这个css代码吗:

    <html>
    <head>
    <style>
    @media print
    {
      table { page-break-after:auto }
      tr    { page-break-inside:avoid; page-break-after:auto }
      td    { page-break-inside:avoid; page-break-after:auto }
      thead { display:table-header-group }
      tfoot { display:table-footer-group }
    }
    </style>
    </head>
    
    <body>
    ....
    </body>
    </html>
    

    【讨论】:

    • 对不起,老兄,同样的事情仍然发生。我几乎确信分页符 css 属性不是答案。我已经尝试了我能想到的所有可能的组合。
    • 不行还是不行。为什么你认为这会特别有效?我什至没有使用 thead 或 tfoot 标签,分页规则不影响 tr 标签,自动 for table 后的分页基本上是无用的。为什么认为会起作用?
    • 您找到解决方案了吗?我也是这种情况
    猜你喜欢
    • 2011-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-08
    • 2018-07-03
    • 2012-03-06
    • 2011-10-12
    • 1970-01-01
    相关资源
    最近更新 更多