css 如何将td的宽度设置为0

af7jpaap 于 2023-03-20 发布在其他

关注(0)|答案(4)|浏览(292)

如何将td的宽度设置为0？我有一个td，里面没有任何内容，但它的宽度总是2 px。
我首先怀疑的是border-spacing属性，但将其设置为0也没有帮助。

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

4条答案

将td的填充设置为0，将padding: 0;添加到td css规则中。

您需要删除填充。（td { padding：0; }）
现在的网络浏览器可以很容易地追踪到这样的问题，例如，使用Chrome开发者工具，你可以突出显示元素，然后查看度量标签，找出导致宽度的原因。

你的CSS应该是：

td{
  background-color: red;
  padding: 0;
}

这里的答案大部分是正确的，但您可能还需要以相同的方式设置任何相应的表格标题单元格（<th/>）：

table {

  border-collapse: collapse

}

td, th {

  padding: 0;

}