如何将td的宽度设置为0

时间:2013-06-10 13:31:28

标签: html css html-table

如何将td的宽度设置为0?我有一个没有任何内容的td,但它总是宽度为2px。

我的第一个怀疑是边界间距属性,但将其设置为0并没有帮助。

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

See Sample

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:3)

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

现代网络浏览器可以很容易地找到这样的问题。例如,使用Chrome开发者工具,您可以突出显示该元素,并查看“指标”标签,找出导致宽度的原因。

enter image description here

答案 2 :(得分:1)

你的css应该是:

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

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