境界線の厚さがないためのCSS

Question

私は0pxボーダーで構築したテーブルを持っていますが、境界線が表示されていないにもかかわらず、各行で画像がシームレスに収まるようにしようとしています1px行の間。これを修正する方法はありますか？

table { 
    border-collapse: collapse; 
    border-spacing: 0px; 
    font-size: 10px; 
} 

table th, table td { 
    padding: 0px; 
    margin: 0px; 
    border-width: 0px; 
} 

tr { 
    padding: 0px; 
    margin: 0px; 
    border-collapse: collapse; 
    border-spacing: 0px; 
} 

Answer 1

私はborder-spacingがテーブルのためだと思います。 tr要素にborder: noneを試しましたか？

Answer 2

これを試してみてください：

CSS

img { 
    border:none; 
    padding:0; 
    margin:0; 
} 

HTML

<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0"> 
..table rows.. 
</table> 

Answer 3

テーブル内のコンテンツは、いくつかの余分なスペースを作成している、とあなたはしなかったのかもしれませんどのブラウザに言及してください、しかし、あなたが追加する必要があるので、IE7 doesn't understand border-collapseを認識してください：

<table cellspacing="0"> 

to IE7の表。また、border-collapseをtrに適用する理由はありません。

Answer 4

あなたは画像のためにdisplay: blockを試しましたか？

Answer 5

返信いただきありがとうございます。私は、HTMLにcellspacing = "0"を持ち、あなたの提案をすべて試しました。誰も結果を変えていないようだが、今私はMacで働いていると思っています。それはブラウザの問題です。私はそれをPC上でテストし、見た目を見なければならないでしょう。