css - 如何创建与 gumby 网格等效的行跨度

Question

我想创建一个口香糖网格，但我需要使用行跨度与表格类似的东西。可能吗？

<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>

谢谢！

Answer 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>