为什么在某些TDs/TRs的Firefox边界底部更胖？

Question

在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

第一之后，第五和第九的TR边框底部为胖。

如果我在标记表中使用属性border = 1，它的工作原理也一样糟糕。

编辑：在Firefox中，我有100％的大小/缩放屏幕。

Answer 1

试试这个片段。我希望这能帮到您。我已经在检查火狐其工作语言（Windows-10）

table.mytable{ 
 
border-collapse: collapse; 
 
} 
 
table.mytable td { 
 
border: 1px solid black; \t 
 
}

<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>