Question

我正在尝试打印一个带有修改设计的表，其中每个表行都包含在bootstrap“col-xs-3”类中，每个4“col-xs-3”包含在“row”类中，如下所示，

问题是当我尝试打印此页面时，它在图像中显示的每个页面中都留下了一条小线。我的破解页面在下面 -

.row { 
  page-break-inside:avoid; 
  page-break-after:auto; 
}

示例小提琴链接如下，我该如何解决？提前谢谢。

Answer 1

你是在正确的道路上。 ~~你只需要为每第3行添加一个分页符。~~鉴于从第二页开始可以安装4行而不是3行，你可以执行类似下面的操作。我们首先定义第3行的规则，从那时起我们可以定义一个适用于每第4行+3的规则，跳过前3行。

.row:nth-child(3) {
  page-break-after: always;
}

.row:nth-child(4n + 3) {
  page-break-after: always;
}

我已经更新了这个小提琴，并添加了几行，只是为了模拟更多的页面。