2016-10-28 24 views
1

在Firefox中,爲什麼一些<td><tr>元素中的底部邊界更胖?在Chrome和Opera中,它運行良好。爲什麼在某些TDs/TRs的Firefox邊界底部更胖?

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%的大小/縮放屏幕。

+0

大概子像素的問題很好。看起來沒問題的Firefox的Ubuntu的 – Oriol

+0

也許你有一些放大設置在瀏覽器 – Medda86

+0

檢查我的答案,如果它的權利我寫了一個解釋 –

回答

0

試試這個片段。我希望這能幫到您。我已經在檢查火狐其工作語言(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>

+0

仍然更快,但如果我將變焦變爲80%,那麼trs是相同的。 – pofuy

+0

你可以分享你爲**這個表格寫的全部** css **嗎? @pofuy –