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

Question

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

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

发票的 HTML/CSS:

Answer 1

查看我的 JSFiddle为了清楚起见，我试图用样式表替换您的内联样式。我还删除了 cellspacing 和 cellpadding，并将表格 CSS 样式设置为 border-collapse:collapse。我不确定其中哪一个是罪魁祸首，但这似乎有效。我还删除了您的 body 宽度，因为无论如何浏览器都应该以 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”的顶行。