可编辑表

Question

当我尝试在纯HTML和HTML中编写可编辑的表格时CSS，我在一个不确定的问题上运行。 如果table-layout属性设置为auto，我在编辑的单元格右侧应用了一个奇怪的边距。

有没有办法保持表格的整个宽度，而没有将这个奇怪的边距应用于我正在编辑的内容？

在代码段下面，以便更好地解释我在说什么：

table {
  width: 100%;
}
table,tr,th,td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 10px;
  table-layout: auto;
}

<table contenteditable='true'>
  <thead>
    <tr>
      <th>Header1</th>
      <th>Header2</th>
      <th>Header2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Content</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>Content</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
    <tr>
      <td>Content</td>
      <td>Content</td>
      <td>Content</td>
    </tr>
  </tbody>
</table>