为什么cellspacing不能在这个表中工作？

Question

<table cellspacing="2" cellpadding="2">
<tr>
<td>123
</td>
</tr>
<tr>
<td>345</td>
</tr>
<tr>
<td>456</td>
</tr>
</table>

这里我想在行和列之间给出一个空格，但是这个单元格间距不起作用。我做错了什么？

Answer 1

您设置默认值，即2，尝试增加它，您将看到它正在运行

Answer 2

您提供的标记按预期工作，在单元格之间创建2px间隙。当细胞被赋予背景颜色时，这是显而易见的。

也就是说，cellspacing元素have been deprecated的cellpadding和<table>属性不应该使用。

要创建与cellspacing和cellpadding相同的样式，您可以使用CSS属性：

• padding <td>

<table>上的

• border-spacing。 border-collapse属性需要保留为默认separate。

    

  border-spacing CSS属性指定了之间的距离   相邻单元格的边框（仅适用于分隔的边框模型）。 ：此   等同于表示HTML 中的cellspacing属性，但是   可选的第二个值可用于设置不同的水平和   垂直间距。

实施例

＆＃13;

＆＃13;

table {
  border-spacing: 20px;
  background: #E91E63;
}
td {
  background: #F00;
  padding: 10px;
  background: #FCE4EC;
}

＆＃13;

<table>
  <tr>
    <td>123</td>
  </tr>
  <tr>
    <td>345</td>
  </tr>
  <tr>
    <td>456</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用border-collapse：collapse; CSS规则（具有相同的效果：表格单元格之间没有空格）。请注意，这可能无法在IE 5或6等旧版浏览器中使用，因此如果您需要支持它们，那么您就不幸了。

＆LT; TABLE style =＆＃34; clear：both;边界崩溃：崩溃; border-spacing：0;宽度：100％;＆＃34; ＆GT;

的