2

境界線で作成したテーブルがあり、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; 
}
4

5 に答える 5

2

テーブル内のコンテンツが余分なスペースを作成している可能性があり、ブラウザーについては言及していませんが、IE7 は境界線の折りたたみを認識しないため、次を追加する必要があることに注意してください。

<table cellspacing="0">

IE7の表に。また、TRに応募する理由はありませんborder-collapse。

于 2011-09-13T18:37:36.330 に答える
1

テーブル用だと思いborder-spacingます。要素を試しborder: noneましたか？tr

于 2011-09-13T18:34:51.957 に答える
0

回答ありがとうございます。HTMLにcellspacing="0"があり、すべての提案を試しました。結果を変えるものは何もなかったようです。今の私の唯一の考えは、私がMacで作業していて、それはある種のブラウザの問題であるということです。PCでテストして、どのように見えるかを確認する必要があります。

于 2011-09-14T14:20:37.613 に答える
0

これを試して：

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>
于 2011-09-13T18:37:18.590 に答える
0

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

于 2011-09-13T18:39:36.173 に答える