html - 是否可以交替 rowspans？

Question

我想我正在尝试做的这个模式比问题本身更具描述性。

+------------------------+-----------------------+
|                        |                       |
+                        +-----------------------+
|                        |                       |
+------------------------+                       +
|                        |                       |
+                        +-----------------------+
|                        |                       |
+------------------------+-----------------------+
|                        |                       |
+------------------------+-----------------------+

如您所见，我正在尝试创建一个包含 2 列的表格，在某些时候它应该能够跨行其中一列，并最终在接下来的 2 行中跨过另一列。

我是不是遗漏了一些明显的方法，或者一些高级的表格标签/属性？或者根本无法使用表格来做到这一点？

我知道可以使用其他方式实现这一点，但我感兴趣的是表格，问题是什么。

供引用:有些事情我已经尝试过但没有成功 http://jsfiddle.net/dbtYk/

Answer 1

除非我错过了什么，here is an example基于你的 jsfiddle

<table>
    <tr style="height:20px;">
        <td rowspan="2">left</td>   
        <td>right</td>
    </tr>
    <tr style="height:20px;">
        <td rowspan="2">right</td>   
    </tr>
    <tr style="height:20px;">
        <td rowspan="2">left</td>   
    </tr>
    <tr style="height:20px;">
        <td>right</td>   
    </tr>
    <tr>
        <td>left</td>   
        <td>right</td>   
    </tr>
</table>

更新

正如 Cicada 所指出的，不幸的是，上述内容在 Chrome 中不起作用。

更新 2

正如 Alohci 所指出的，添加高度使其在 Chrome 中工作。上面已经修改以反射(reflect)这一点，连同new jsfiddle。 .