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

在表格标签

中包含以下属性

  

cellpadding =“0”cellspacing =“0”

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