2013-07-24 16 views
13

"normal"テーブルを作成し、すべてのTDの "border:1px solid#e6e6e6"と "margin:0"を作成します。 TRとTABLEはあまりにも "マージン/パディング:0" を持っているが、私はまだここのようなのTDの間にスペースを持っている:Hスペースは​​です。なぜ、どうすれば削除できますか?

enter image description here

なぜ? :)

<td></td> 

http://jsfiddle.net/VfSdV/

+0

この回答を試してみてください。最高のはjsfiddle.net経由であろう –

+2

とても小さなコードではあまり言い表せません。コードを投稿するか、問題が重複するjsfiddleまたはcodepenを作成してください。 – robooneus

+3

可能な複製[CSSのセル間のテーブル行と表スペースの削除](http://stackoverflow.com/questions/6538729/removing-table-lines-and-table-space-between-cells-in-css) – Quentin

答えて

26

使用CELLSPACINGとCELLPADDING:

table { 
    border-collapse: collapse; 
} 

jsfiddle:もはやHTML5でサポートされてcellspacingcellpaddingので

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

</table> 
+0

それはちょうどその笑感謝、CSSに使用する約でした – Keith

+0

問題はありません。コードが正しいことを確認してください;) – Axel

25

は、以下のCSSを使用します

1

これを試してもよろしいですか?

table#table { 
    border-spacing: 0; 
} 

このcssの作品は私のために働いています。 希望する:)。

10

多くの試行錯誤の末、他の人の言葉の大部分と他のサイトからのもののほとんどを使ってしまいました。これは私のために働いた。

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

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

パーフェクト!私の場合は、tds *に境界線があるテーブルが必要でしたが、それらはちょうど*共有された境界線でした。 border-collapse + border-spacingはまさに私が必要としていたものでした。 – neminem

-2

いくつかのコードを提供し、あまりにも

table.tableclassname td 
{ 
    display: inline-block; 
} 
+0

この回答は実際に機能しますか? – jww

+1

これは、セル間のギャップを取り除きますが、セルの振る舞いやレンダリング方法を根本的に変更します。 – MaxPRafferty

関連する問題