在Firefox中,为什么某些<td>
和<tr>
元素的底部边框更胖?在Chrome和Opera中,它运行良好。
table.mytable td {
border: 1px solid black;
}
<table class="mytable">
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
</table>
图片:http://i.imgur.com/A1C7sWt.png
第一,第五和第九个TRs边界底部更胖。
如果我在标签表中使用属性border = 1,它的效果就差了。
编辑:在Firefox中我有100%的尺寸/缩放屏幕。
答案 0 :(得分:0)
试试这个代码段。我希望这能帮到您。我已经检查了 Firefox ,它的工作正常(Windows-10)
table.mytable{
border-collapse: collapse;
}
table.mytable td {
border: 1px solid black;
}
&#13;
<table class="mytable">
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<td>11111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
</table>
&#13;