一张桌子上的colspan 1.5

Question

使用HTML / CSS可以创建一个具有三列的表，其中一行只有两个单元格。但是，不是该行的一个单元格为66％（colspan =“ 2”），另一个单元格为33％，两者都为50％（所以没错，colspan =“ 1.5”不能按预期工作）

为了说明我的意思：

我要说的是红色的行，这可能吗？

Answer 1

当然，就像下面这样：

table,
td {
  border: 1px solid #999;
}

td {
height: 20px;
width: 50px;
}

<table>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2"></td>
    <td colspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
</table>

Answer 2

table,
td {
  border: 1px solid #999;
}

td {
height: 20px;
width: 50px;
}

<table border="1" cellpadding="5" cellspacing="0">
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2"></td>
    <td colspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
</table>