html - クロム印刷テーブル、一部の行の高さがランダムですか?

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」と書かれた一番上の行を表します。