2013-07-24 64 views
13

創建「正常」表以及所有TD的有「邊界:1px的固體#e6e6e6」和「保證金:0」。 TR和TABLE有太多 「保證金/填充:0」,但我還是喜歡這裏陣之間的空間:H空間。爲什麼以及如何刪除?

enter image description here

爲什麼? :)

<td></td> 

http://jsfiddle.net/VfSdV/

+0

提供一些代碼。最好的將通過jsfiddle.net –

+2

這麼少的代碼不能說太多。請發佈您的代碼,或者更好的是,創建一個複製問題的jsfiddle或codepen。 [在CSS卸下表行和表空間小區之間]的 – robooneus

+3

可能重複(http://stackoverflow.com/questions/6538729/removing-table-lines-and-table-space-between-cells-in-css) – Quentin

回答

26

使用cellpacing和CELLPADDING:

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

</table> 
+0

正要做那個笑聲謝謝,使用CSS – Keith

+0

沒問題。只要確保代碼正確;) – Axel

25

由於cellspacingcellpadding在HTML5不再支持,請使用以下的CSS:

table { 
    border-collapse: collapse; 
} 

jsfiddle

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 * did *具有邊界,它們只是*共享*邊界。 border-collapse + border-spacing正是我所需要的。 – neminem

-2

試試這個答案太

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

這個答案是否有效? – jww

+1

那麼,它_will_去除細胞之間的差距,但它也將徹底改變細胞的行爲,以及被渲染。 – MaxPRafferty

相關問題