每隔一秒后页面中断css不能用于谷歌浏览器

时间:2014-01-30 06:56:37

标签: css google-chrome printing print-css

我在tr中有动态项目,尝试每页点击两个tr,我的CSS就是

CSS:

 @media print {
      body {font-size:10px}
       table tr:nth-child(2n) {
        page-break-after: always;
        }
        .noptrint {display:none;}
      }  

并查看http://jsfiddle.net/4jr8s/

它适用于firefox但不适用于Chrome浏览器,chrome中有什么问题?

2 个答案:

答案 0 :(得分:1)

How to achieve page break in HTML table for Google Chrome?

最后我解决了这个问题。我make {{display:block;}然后我修复了单元格间距。分页符仅适用于块级元素。 @sarsarahman

答案 1 :(得分:0)

您必须将所有<tr>设置为{display: block},然后在要分页的位置执行{page-break-after: always}