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;
}
打印此类HTML会在Firefox中的两个表格上生成相同的边框。
其他浏览器(例如Chrome)会在.bad
上打印更粗的边框如何修复/解决此问题?
在.bad上设置3px边框会在Firefox上产生“粗”边框,看起来很难看。
答案 0 :(得分:1)
我遇到了同样的问题。它不仅与表有关。它也适用于div元素。使用pt(点)作为打印单位而不是px(像素)。尝试:
div {border: 2pt solid red}