操作示例

左右单元格合并:要合并1和2,在文字1的 td 后面输入 colspan="2" 然后删除文字2的元素标签
上下单元格合并:要合并18和24,在文字18的 td 后面输入 rowspan="2" 然后删除文字24的元素标签

合并前

2023-07-28T14:16:29.png

<table border="1" height="500px" width="1000px" >
    <tr>
        <td>文字1</td>
        <td>文字2</td>
        <td>文字3</td>
        <td>文字4</td>
        <td>文字5</td>
        <td>文字6</td>
    </tr>
    <tr>
        <td>文字7</td>
        <td>文字8</td>
        <td>文字9</td>
        <td>文字10</td>
        <td>文字11</td>
        <td>文字12</td>
    </tr>
    <tr>
        <td>文字13</td>
        <td>文字14</td>
        <td>文字15</td>
        <td>文字16</td>
        <td>文字17</td>
        <td>文字18</td>
    </tr>
    <tr>
        <td>文字19</td>
        <td>文字20</td>
        <td>文字21</td>
        <td>文字22</td>
        <td>文字23</td>
        <td>文字24</td>
    </tr>
</table>

合并后

2023-07-28T14:12:09.png

<p>合并单元格1和2   :colspan
    <br/>
    合并单元格18和24   : rowspan
    <br/>
    水平合并:保留左,删除右
    <br/>
    垂直合并:保留上,删除下
</p>

    <table border="1" height="500px" width="1000px" >
        <tr>
            <td colspan="2">文字1和文字2</td>
            <td>文字3</td>
            <td colspan="2" rowspan="3">文字4</td>
            <td>文字6</td>
        </tr>
        <tr>
            <td>文字7</td>
            <td>文字8</td>
            <td>文字9</td>
            <td>文字12</td>
        </tr>
        <tr>
            <td>文字13</td>
            <td colspan="2" rowspan="2">文字14,15,20,21</td>
            <td rowspan="2">文字18和文字24</td>
        </tr>
        <tr>
            <td>文字19</td>
            <td>文字22</td>
            <td>文字23</td>
        </tr>
    </table>