html - 如何将 td 的宽度设置为 0

Question

如何将 td 的宽度设置为 0？我有一个没有任何内容的 td，但它的宽度始终为 2px。

我的第一个怀疑是边框间距属性，但将其设置为 0 也无济于事。

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

score 5 · Accepted Answer

5

将tds 填充设置为 0 添加padding: 0;到您的tdcss 规则。

于 2013-06-10T13:34:06.013 回答

score 4 · Accepted Answer

您需要删除填充。( td { 填充: 0; })

现代网络浏览器使追踪此类问题变得非常容易。例如，使用 Chrome 开发人员工具，您可以突出显示该元素并查看 Metrics 选项卡并找出导致宽度的原因。

在此处输入图像描述

score 1 · Accepted Answer

你的CSS应该是：

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

更新小提琴：http: //jsfiddle.net/PZkSa/5/

3 回答 3