Chrome打印表，有些行有随机高度？

Question

正如您在这些印刷品中看到的那样，某些行具有随机高度，这显然不是预期的。

• 它在MS IE和Firefox中正常工作，但在chrome
中没有
• 受影响的行似乎是随机的（并非总是相同的行）

发票的HTML / CSS：

Answer 1

请参阅我的JSFiddle为了清晰起见，我尝试用样式表替换您的内联样式。我还删除了cellspacing和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”。