Как объединить ячейки (после 2 сделать 3 и равномерно)?

Question

[poniatowski]

Есть вот такое:
https://codepen.io/jacyna/pen/ZmwaJq?editors=1010
Как сделать, чтобы ячейки с двойками были ровно расположены относительно общей ширины таблицы и были равномерно?

Answer 1

[0xD34F]

Назначить colspan всем ячейкам. Значение нижней должно быть кратно значениям одновременно и средних, и верхних. Т.е., 3 сверху, 2 посередине, 6 внизу:

<table border="1">
  <tr>
    <td colspan="3">111</td>
    <td colspan="3">111</td>
  </tr>
  <tr>
    <td colspan="2">222</td>
    <td colspan="2">222</td>
    <td colspan="2">222</td>
  </tr>
  <tr>
    <td colspan="6">333</td>
  </tr>
</table>

Так должно быть?

Comments

[poniatowski]

да, спасибо. так же сделал уже :)
верстаю для почтовой рассылки и с таблицами давно не работал