是否有可能替换行盘?

NoB*_*BBy 6 html

我想我想要做的这种模式将比问题本身更具描述性.

+------------------------+-----------------------+
|                        |                       |
+                        +-----------------------+
|                        |                       |
+------------------------+                       +
|                        |                       |
+                        +-----------------------+
|                        |                       |
+------------------------+-----------------------+
|                        |                       |
+------------------------+-----------------------+
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,我正在尝试创建一个2列表,在某些时候,它应该能够对其中一列进行行间隔,并最终在接下来的两行中进行行.

我错过了一些明显的方法,或一些高级表标签/属性?或者使用表格无法做到这一点?

我知道可以通过其他方式实现这一点,但表格是我感兴趣的,以及有什么问题.

供参考:有些东西我尝试过但没有成功 http://jsfiddle.net/dbtYk/

fre*_*ler 6

除非我错过了什么,这里有一个基于你的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>
Run Code Online (Sandbox Code Playgroud)

UPDATE

正如Cicada指出的那样,上面不幸在Chrome中无效.

更新2

正如Alohci指出的那样,增加一个高度使其在Chrome中运行.以上内容已经过修改,以反映出新的jsfiddle.

  • 一旦你给表行高度,它就可以工作. (2认同)