为什么css background-color使td宽度增加

Question

这样的html结构：

<table class="barby-barcode">
  <tbody>
    <tr class="barby-row">
      <td class="barby-cell on"></td>
      <td class="barby-cell on"></td>
      <td class="barby-cell on"></td>
    </tr>
  </tbody>
</table>

像这样的css：

table.barby-barcode { border-spacing: 0; }
tr.barby-row { height: 100px; }
td.barby-cell { width: 3px; height: 3px; }
td.barby-cell.on { background: #000; }

但实际显示的是td.barby-cell.on宽度是5px，为什么宽度增量

Answer 1

第一：“表”，“tr”等不是必需的。 “.barby- [sth]”就是识别班级所需的一切。

第二：你检查过边距，填充和边框都是0吗？