table标签的不规则布局

引入

利用table标签中td的rowspan合并列，colspan合并行

简单案例

代码如下：

<table border="1">
    <tr>
        <td>aa</td>
        <td rowspan="2">cc</td>
    </tr>
    <tr>
        <td>bb</td>
    </tr>
</table>

<table border="1">
    <tr>
        <td rowspan="2">cc</td>
        <td>aa</td>
    </tr>
    <tr>
        <td>bb</td>
    </tr>
</table>

<table border="1">
    <tr>
        <td>cc</td>
        <td>aa</td>
    </tr>
    <tr>
        <td colspan="2">bb</td>
    </tr>
</table>

<table border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="2">ccc</td>
        <td colspan="2">aaa</td>
    </tr>
    <tr>
        <td>bb</td>
        <td rowspan="2">vvv</td>
    </tr>
    <tr>
        <td colspan="2">eee</td>
    </tr>
</table>