为什么在某些TD / TR的Firefox边界底部更胖?

时间:2016-10-28 15:45:03

标签: html css

在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%的尺寸/缩放屏幕。

1 个答案:

答案 0 :(得分:0)

试试这个代码段。我希望这能帮到您。我已经检查了 Firefox ,它的工作正常(Windows-10)

&#13;
&#13;
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;
&#13;
&#13;