我在tr
中有动态项目,尝试每页点击两个tr
,我的CSS就是
CSS:
@media print {
body {font-size:10px}
table tr:nth-child(2n) {
page-break-after: always;
}
.noptrint {display:none;}
}
它适用于firefox
但不适用于Chrome
浏览器,chrome
中有什么问题?
答案 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}
。