css使tbody与table相同

时间:2017-11-15 15:58:07

标签: html css firefox

我无法让tbody元素完全填充table元素:

<table>
  <tbody>
    <tr>
      ...
    </tr>
  </tbody>
</table>

CSS是:

table {
  width: 100%;
  margin: 0 0;
  padding: 0 0;
}

tbody {
  margin: 0 0;
  padding: 0 0;
}

生成的table维度(在firefox 56中):

rendered table dimensions

生成的tbody维度(在firefox 56中):

enter image description here

这会在表格的内容周围留下一个2像素的白色边框,我想摆脱它。我需要将其他一些CSS属性归零吗?

1 个答案:

答案 0 :(得分:2)

这是因为内置边框和边框间距 要更正此问题,请在表格中添加border-collapse: collapse;样式。