Разброс 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>