我表中的一个单元格需要分成两个相等的“列”

Question

大表中的一个单元格需要分成2个等宽的“列”。我意识到我可以使用colspan，但不是要在表范围中使用其他所有单元格来拆分这个单元格，而是在寻找内联或CSS替代方案，例如浮动等。这是我要获取的屏幕截图：

Answer 1

只需在单元格中放置两个span或div并使用CSS设置样式即可。

table {
  with: 100%;
}

td div {
  display: inline-block;
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
}

td div:first-child {
  background-color: blue;
}

td div:last-child {
  background-color: yellow;
}

<table>
  <tbody>
    <tr>
      <td>Normal cell</td>
      <td><div>Split</div><div>Cell</div></td>
      <td>Normal cell</td>
    </tr>
  </tbody>
</table>