拆分html表，奇数列为偶数

Question

我想要一个<table>标记来渲染：

+_____+_____+_____+
|     |     |     |
+_____+_____+_____+
|     |     |     |
+_____+_____+_____+
|                 |
+________+________+
|        |        |
+________+________+
|        |        |
+________+________+

可能？我迷失在这一个。我已经很长时间无表情。有关更改列号中途的文档尚不清楚。我知道如果列中的位移是偶数，但是如何从奇数变为偶数，可以使用col-span来完成？

Answer 1

<强>解释

为那些只需要一个空格的td提供两个colspan，然后你就可以使用3（实际上是1.5）作为另一行的colspan。也许这不是最好的解决方案，但这是我想出的第一个。

该示例仅包含示例中的3种行中的两种，但要添加整个宽度单元格，只需添加6的colspan。

<强>代码

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

Fiddle

Answer 2

找到最小公约数，在本例中为6，并在每个单元格上设置一个colspan，将该数字除以该行中的单元格数。

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

演示：http://jsfiddle.net/S5K8p/