当前位置 知且行 大前端 html表格单元格的合并 下一篇:

html表格单元格的合并

属性

colspan: 合并列

rowspan: 合并行

colspanrowspan 一定要写在th或者td上,而不是在tr上

案例

代码:

    <table border="1">
        <col width="80">
        <col width="80">
        <col width="80">
        <tr>
            <td>1</td>
            <td colspan="2">2</td>
        </tr>
        <tr>
            <td>3</td>
            <td rowspan="2">4</td>
            <td>5</td>
        </tr>
        <tr>
            <td>6</td>
            <td>7</td>
        </tr>
    </table>

代码:

    <table border="1">
        <col width="80">
        <col width="80">
        <col width="80">
        <col width="80">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td rowspan="3">5</td>
            <td>6</td>
            <td colspan="2">7</td>
        </tr>
        <tr>
            <td>8</td>
            <td rowspan="2" colspan="2">9</td>
        </tr>
        <tr>
            <td>10</td>
        </tr>
    </table>
转载必须注明出处:https://www.zhiqiexing.com/12.html

关于我

我希望能成为一个认真、有趣、创造更多价值的人
关注微信
微信扫一扫关注我

微信扫一扫关注我

返回顶部