如何创建与 gumby 网格等效的行跨度答案

【问题标题】：How to create rowspan equivalent with gumby grid如何创建与 gumby 网格等效的行跨度
【发布时间】：2013-09-13 05:51:12
【问题描述】：

我想创建一个 gumby 网格，但我需要使用 rowspan 与 table 类似的东西。有可能吗？

<table>
<tr>
    <td rowspan="2" colspan="2" >
        two rows two columns 
    </td>
    <td>something</td>
    <td>something</td>
    <td>something</td>
</tr>
<tr>
    <td>something</td>
    <td>something</td>
    <td>something</td>
</tr>
<tr>
    <td rowspan="2" colspan="3" >
        two rows three columns 
    </td>
    <td>something</td>
    <td>something</td>
</tr>
<tr>
    <td>something</td>
    <td>something</td>
</tr>

谢谢！

【问题讨论】：

标签： css responsive-design sass

【解决方案1】：

可以用嵌套表修复

                <table cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <table width="200" align="center" cellpadding="0" cellspacing="0" bgcolor="ff0000">
                            <tr>
                                <td>
                                two rows two columns 
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>
                        <table width="300" align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td>something</td>
                                <td>something</td>
                                <td>something</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                </table>
                <table cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <table width="300" align="center" cellpadding="0" cellspacing="0" bgcolor="ff0000">
                            <tr>
                                <td>
                                two rows three columns 
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>
                        <table width="200" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td>something</td>
                                    <td>something</td>
                                </tr>
                                <tr>
                                    <td>something</td>
                                    <td>something</td>
                                </tr>
                        </table>
                    </td>
                </tr>
                </table>

【讨论】：