2011-06-30 62 views

回答

18
table#myTable{ 
    border-collapse:collapse; 
} 
9

使用border-collapse CSS屬性在細胞間除去空間:

table { 
    border-collapse: collapse; 
} 

您在默認情況下看到的表格單元格之間的間距,因爲每個單元都有自己的邊界,這些細胞不共享邊界​​。這就是所謂的「分離模式」,如Mozilla Developer CSS Reference解釋說:

分離模式是傳統的HTML表格邊框模型。每個相鄰小區有自己的界限清晰。它們之間的距離由border-spacing屬性給出。

您可以通過它們彼此,這被稱爲共享邊界的「崩潰跨界車型」,「刪除」單元格之間的間距:

倒塌跨界車型,相鄰的表格單元共享邊界。

+0

謝謝你好先生 – abcde123483

+1

對不起,我剛剛看到Jaspero快2分鐘,我很欣賞這兩個答案 – abcde123483

+1

@ulvund你確定嗎?我的時間戳是'2011-06-30 17:31:52Z',[Jaspero's](http://stackoverflow.com/questions/6538729/removing-table-lines-and-table-space-between-cells-in- css/6538780#6538780)是'2011-06-30 17:34:15Z'。看起來*** ***是那個速度更快2分鐘的人。另外,我鏈接到文檔。 – 2013-08-02 00:21:01

0

試試這個

table.className td 
{ 
    display: inline-block; 
} 

table.className td 
{ 
    display: block; 
} 
0

嘗試

table td { display: table-cell; }