html - 为什么 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

首先：“table”、“tr”等不是必需的。".barby-[sth]" 是它识别类所需的全部内容。

第二：你检查过margin、padding和border都是0吗？