HTML表格：刪除兩個td標籤之間的空間

Question

如何從標籤中刪除此空間。

<table width="100%"> 
    <thead> 
     <tr> 
     <td>Filename</td> 
     <td colspan="2">DateTime</td> 
     <td>Size</td> 
     </tr> 
    </thead> 
    <tbody > 
    <tr> 
     <td>43343434.jpg</td> 
     <td>18/02/2015</td> 
     <td> - 18:32:54</td> 
     <td>55MB</td> 
    </tr> 
    </tbody> 
</table> 

圖片：

所以看起來18/02/2015 - 18時32分54秒

我不想加入時間到同一個標籤。

Answer 1

您需要定義CSS：

tbody tr > td:nth-child(2) { 
    width: 5%; 
} 
tbody tr > td{ 
    width: 45%; 
} 

https://jsfiddle.net/yerz2dg2/

Answer 2

試試這個代碼。

HTML代碼

<table border="1" width="100%"> 
 
    <tr> 
 
    <th col width="60">File Name</th> 
 
    <th col width="20" colspan="2">Date Time</th> 
 
    <th col width="20">Size</th> 
 
    </tr> 
 
    <tr> 
 
    <td col width="60">1.jpg</td> 
 
    <td col width="10">18-02-2015</td> 
 
    <td col width="10">18:32:54</td> 
 
    <td col width="20">55Mb</td> 
 
    </tr> 
 
</table>

Answer 3

包括跟隨着在表標籤g性能

的cellpadding = 「0」 CELLSPACING = 「0」

<table cellpadding="0" cellspacing="0" border="0"> 
<!-- table elements --!> 
</table>