Markdown 单元格合并详解(rowspan、colspan)

1 概述

1. 结论:'使用 html 语法'(Markdown 支持 html 语法)
   (1) rowspan: 将两个或多个 '行' 合并为一个行
   (2) colspan: 将两个或多个 '列' 合并为一个列
   
2. 说明:在 Markdown 编辑器中,如 csdn 博客,给定的 "表格" 不支持合并
        但可以通过 html 语法来实现

2 示例

2.1 多行合并为一行

<table border="1">
    <tr>
        <th align="left">标题 1</th>   <!-- 左对齐 -->
        <th align="center">标题 2</th> <!-- 居中对其(默认)-->
        <th align="right">标题 3</th>  <!-- 右对齐-->
    </tr>
    <tr>
        <td rowspan="2">col 11</td>
        <td>col 12</td>
        <td>col 13</td>
    </tr>
    <tr>
        <td>col 22</td>
        <td>col 23</td>
    </tr>
</table>

效果图:(默认居中显示,rowspan=“2”)

标题 1标题 2标题 3
col 11col 12col 13
col 22col 23

效果图:(加了对其属性 align)

标题 1标题 2标题 3
col 11col 12col 13
col 22col 23

2.2 多列合并为一列

<table border="1">
    <tr>
        <th>标题 1</th>
        <th>标题 2</th>
        <th>标题 3</th>
    </tr>
    <tr>
        <td>col 11</td>
        <td colspan="2">col 12</td>
    </tr>
    <tr>
        <td>col 21</td>
        <td>col 22</td>
        <td>col 23</td>
    </tr>
</table>

效果图:(默认居中显示,colspan=“2”)

标题 1标题 2标题 3
col 11col 12
col 21col 22col 23
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鱼丸丶粗面

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值