<td> 之间的空格。为什么以及如何删除？答案

【问题标题】：Space between <td>. Why and how can I remove?<td> 之间的空格。为什么以及如何删除？
【发布时间】：2013-07-24 02:40:48
【问题描述】：

我创建了“正常”表，所有 TD 都有“边框：1px 实心#e6e6e6”和“边距：0”。 TR 和 TABLE 也有“margin/padding: 0”，但我在 TD 之间仍然有空间，如下所示：h

为什么？ :)

<td></td>

【问题讨论】：

【解决方案1】：

单元格间距 & 单元格填充 已弃用，请改用border-spacing: 0;

【讨论】：

【解决方案2】：

这肯定会奏效。

table {
  border-collapse: collapse;
}

【讨论】：

【解决方案3】：

你能试试这个吗？

table#table {
    border-spacing: 0;
}

这段 css 对我有用。希望它有所帮助:)。

【讨论】：

【解决方案4】：

由于 HTML5 不再支持 cellspacing 和 cellpadding，请使用以下 CSS：

table {
  border-collapse: collapse;
}

【讨论】：

【解决方案5】：

也试试这个答案

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

【讨论】：

【解决方案6】：

经过多次反复试验，我最终使用了其他人提到的大部分内容以及其他网站的一些内容。这对我有用。

table {
border:0px;
border-collapse:collapse;
border-spacing:0px;
}

td,img { 
padding:0px; 
border-width:0px; 
margin:0px; 
}

【讨论】：

完美！就我而言，我想要一张 tds 确实有边框的表格，它们只是共享> 边框。 border-collapse + border-spacing 正是我所需要的。

【解决方案7】：

使用单元格间距和单元格填充：

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

 </table>

【讨论】：

现在已弃用。不要使用这个。请改用 CSS table { border-collapse: collapse; }。
@RedDragonWebDesign 为我工作。什么时候弃用的？
@S.Alvi 已弃用并不总是意味着已删除。只是意味着它被官方劝阻，可能很快就会被删除。在 HTML5 验证器中运行它以确认其已弃用状态：<!DOCTYPE html><html><head><title>Test</title></head><body><table cellspacing="0" cellpadding="0"></table></body></html> 另请参阅：google.com/search?q=cellspacing+in+table+html+deprecated
@RedDragonWebDesign 实际上我确实在验证器中运行了 html。它确实显示单元格间距已被弃用/过时。也许OP会考虑改变他的答案？