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 11 | col 12 | col 13 |
col 22 | col 23 |
效果图:(加了对其属性 align)
标题 1 | 标题 2 | 标题 3 |
---|---|---|
col 11 | col 12 | col 13 |
col 22 | col 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 11 | col 12 | |
col 21 | col 22 | col 23 |