Firefox表格边框打印2px将边框渲染为1px

时间:2014-02-04 15:18:25

标签: html css firefox printing

HTML

<table class="bad">
    <tr>
        <td>test</td>
    </tr>
</table>

<table class="ok">
    <tr>
        <td>test</td>
    </tr>
</table>

CSS:

table {
    border-collapse: collapse;
}

table.ok {
    border: 1px solid black;
}

table.bad {
    border: 2px solid black;
}

http://jsfiddle.net/BD248/

打印此类HTML会在Firefox中的两个表格上生成相同的边框。

其他浏览器(例如Chrome)会在.bad

上打印更粗的边框

如何修复/解决此问题?

在.bad上设置3px边框会在Firefox上产生“粗”边框,看起来很难看。

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。它不仅与表有关。它也适用于div元素。使用pt(点)作为打印单位而不是px(像素)。尝试:

div {border: 2pt solid red}