html - 打印时避免表格边框在分页符处拆分

标签 html css printing

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

enter image description here

我希望 43 完全在下一页上。 42 应该有底部边框,43 应该有顶部边框。这就是我想要的。 (我用油漆创建了这个)

enter image description here

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

最佳答案

你能试试这个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>

关于html - 打印时避免表格边框在分页符处拆分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38191970/

相关文章:

jquery - 无论在何处弹出,都很难将弹出显示准确地显示在中心

javascript - 如何使用 Jquery 更改 span 中的文本

javascript - 如何避免 jquery 文件之间的冲突

CSS 内容计数器破坏 IE 中的 CSS

c# - 如何使用 .NET 的 string.Join 方法在值为 null 时打印自定义字符串?

android - 在 Android 中的蓝牙打印机上打印图像

javascript - 根据 toFixed(2),为什么小数不能正确显示?

javascript - 在 html 标签中打印 JavaScript 变量

css - HTML5 视频溢出问题

printing - 在事务 NACE 中,如果我知道 Smartform 的名称,是否可以找到打印程序和表单例程?