如何使用gumby网格创建等效的rowspan

时间:2013-09-09 17:03:19

标签: css responsive-design sass

我想创建一个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>

谢谢!

1 个答案:

答案 0 :(得分:-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>