2016-10-28 7 views
1

Firefoxでは、なぜ一部の<td><tr>要素のボトムボーダーが太っていますか? ChromeとOperaではうまく動作します。一部のTD/TRの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

、第五及び第9のTR境界底が太っています。

タグテーブルで属性border = 1を使用すると、それは悪いこととして機能します。

編集:Firefoxでは100%サイズ/ズーム画面があります。

+0

をその作業罰金をチェックしています。 Ubuntu用のFirefoxでOKだと思われる – Oriol

+0

多分あなたはブラウザにズームセットを持っているかもしれません。 – Medda86

+0

答えが正しいかどうかチェックしてください。私は説明を書いています –

答えて

0

このスニペットを試してください。これがあなたに役立つことを願っています。私はおそらく、サブピクセルの問題(Windowsの-10)にのFirefox

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

まだtrは速いですが、私が80%にズームを変えてもtrは同じです。 – pofuy

+0

**あなたは**この表**のために書いた** css **を共有できますか? @pofuy –

関連する問題