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>