Question

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

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

正如你所看到的，我正在尝试创建一个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中运行。以上内容已经过修改，以反映出new jsfiddle。

Answer 2

当然有可能： - ）

<table border="yes">
    <tr>
        <td rowspan="2">1</td>
        <td>2</td>
    </tr>
    <tr>
        <td rowspan="2">3</td>
    </tr>
    <tr>
        <td rowspan="2">4</td>
    </tr>
    <tr>
        <td>5</td>
    </tr>
    <tr>
        <td>6</td>
        <td>7</td>
    </tr>
</table>

只需跳过上一行中已跨越的单元格所覆盖的单元格。

是否有可能替换行盘？

2 个答案: