Page-Break-inside属性在chrome中不起作用

Question

我有一个长表数据，它有许多行和嵌套表。当我打印这些数据时，表和行嵌套表的行只是在分页符上中断，意味着表和数据被分成页面，所以我在那里使用以下CSS属性： -

table tr {
 page-break-inside:avoid;
 position:relative;
 }

但这不符合我的情况，你可以在这里看到现场演示： - http://jsfiddle.net/npsingh/S8vr8/2/show/

请按以下链接编辑代码： -
http://jsfiddle.net/npsingh/S8vr8/2/
--- [打印页面只需按[CTRL + P]或右键单击并打印打印选项] ---

我使用的是Google Chrome版本29.0.1547.66 m

请让我知道问题的确切位置。 感谢

Answer 1

不要将page-break-inside:avoid;放在你的表的tr上，而是尝试直接在表上应用它：

table {
    page-break-inside:avoid;
    position:relative;
}

还添加此媒体查询：

@media print {
   table {
        page-break-inside:avoid;
        position:relative;
    }
}

Answer 2

这对我来说就是诀窍，结果证明是身体css：

body{
    height: auto!important;
    float: none!important;
}