html - Chrome打印表格，某些行的高度是随机的？

Question

正如您在这些打印屏幕中看到的那样，有些行的高度是随机的，这显然不是预期的。

• 它在 MS IE 和 Firefox 中运行良好，但在 chrome 中不行
• 受影响的行似乎是随机的（并不总是相同的行）

发票的 HTML/CSS：

Answer 1

请参阅我的JSFiddle，为了清晰起见，我尝试用样式表替换您的内联样式。我还删除了cellspacingand cellpadding，并将表格 CSS 样式设置为border-collapse:collapse. 我不确定其中哪一个是罪魁祸首，但这似乎有效。我还删除了你的身体宽度，因为浏览器无论如何都应该以 100% 的速度打印出来。您的新 CSS 如下所示：

body {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}
#replaced {
    border:2px solid #000;
    width:100%;
    padding:0;
    margin:0;
    border-collapse:collapse;
}
#replaced th {
    text-align:center;
    border:1px solid #000;
    border-left:none;
    margin:0;
    padding:0;
}
#replaced td {
    border-left:1px solid #000;
}
#after td { 
    border-bottom:1px solid #000;
    border-left:none;
}

#replaced您的新主表在哪里，并#after表示上面写有“Stuff”的第一行。