html - 拆分html表，奇数列到偶数

Question

我想要一个<table>标签来呈现这样的：

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

可能的？我迷路了。我已经很久没有桌子了。关于中途更改列号的文档尚不清楚。我知道如果列的移动是偶数，可以做到这一点col-span，但是如何从奇数变为偶数？

Answer 1

解释

为那些只需要一个空格的 td 提供一个 2 的 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>

小提琴_

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/