html - 为什么CSS背景颜色使TD宽度增加

像这样的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，为什么宽度增加

最佳答案

第一：“表”，“ tr”等不是必需的。 “ .barby- [sth]”是识别类所需的全部。

第二：您是否检查了边距，边距和边框均为0？