Google Chrome的DataList（asp.net）中的分页符

Question

bounty到期在5天内。该问题的答案有资格获得+ 50声望赏金。ygssoni想要引起更多关注对此问题。

我创建了一个带有Datalist控件的页面，该页面生成“ ID卡”。您可以看到工作示例here。

问题是我想在Datalist的每个4th行之后中断页面。

因此要执行此操作，我正在使用此jQuery代码：

<script type="text/javascript">
        $(document).ready(function () {
            $("#GridView1 tr:nth-child(4n+0)").addClass("breakpage");

        })
    </script> 

和CSS类：

<style type="text/css">
                .breakpage {
                page-break-after: always;
        }
    </style>

因此，如果打开页面并使用inspect元素进行检查，则可以看到jQuery正常运行，并且确实在每个4th行上添加了该类。但是，当我尝试打印时，分页符在Google Chrome中不起作用（在Firefox中工作正常）。

有人可以解释一下代码有什么问题吗？

谢谢。

Answer 1

在CSS中尝试使用此方法：

#GridView1 tr:nth-of-type(4n) {
  page-break-after:always;
}