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

时间:2016-07-04 20:41:43

标签: html css printing

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

enter image description here

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

enter image description here

我尝试了page break inside: avoid,但这并不奏效。 4px技巧也不起作用。我是最新的稳定铬。 51

1 个答案:

答案 0 :(得分:0)

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