web-dev-qa-db-ja.com

<td>の間のスペース。削除する理由と方法

「通常の」テーブルを作成し、すべてのTDには「border:1px solid#e6e6e6」と「margin:0」があります。 TRとTABLEには「マージン/パディング:0」もありますが、TDの間にまだスペースがあります:h

enter image description here

どうして? :)

<td></td>

http://jsfiddle.net/VfSdV/

21
Kuba Żukowski

Cellpacingとcellpaddingを使用します。

 <table cellspacing="0" cellpadding="0">

 </table>
39
Keith

cellspacingおよびcellpaddingはHTML5でサポートされなくなったため、次のCSSを使用します。

table {
  border-collapse: collapse;
}

jsfiddle

47
Brian Phillips

多くの試行錯誤の後、私は他の人が言及したもののほとんどと他のサイトからのいくつかを使用することになりました。これは私のために働いた。

table {
border:0px;
border-collapse:collapse;
border-spacing:0px;
}

td,img { 
padding:0px; 
border-width:0px; 
margin:0px; 
}
10
CSS2013

これを試してもらえますか?

table#table {
    border-spacing: 0;
}

このCSSの作品は私のために動作します。それが役に立てば幸い :)。

2
Etienne Arthur