Markdown表格-换行、合并单元格
1.表格中对其、换行处理
1.1 一般我们都会这样用表格如下：
|排名|姓名|
|--|--|
|第一名|隔壁老王|
|第二名|隔壁小王、隔壁小小王|
实现效果图：
| 排名 | 姓名 |
|---|---|
| 第一名 | 隔壁老王 |
| 第二名 | 隔壁小王、隔壁小小王 |
1.2 当然这里也可以通过设置|:--|左对齐，|--:|右对齐
比如下面的左对齐：
|排名|姓名|
|:--|:--|
|第一名|隔壁老王|
|第二名|隔壁小王、隔壁小小王|
效果：
| 排名 | 姓名 |
|---|---|
| 第一名 | 隔壁老王 |
| 第二名 | 隔壁小王、隔壁小小王 |
1.3 实现表格内容换行
Markdown本身不提供单元格合并语法，但是，Markdown是兼容HTML的，因此，我们可以通过HTML的方式实现单元格合并。
|排名|姓名|
|:--|:--|
|第一名|隔壁老王|
|第二名|隔壁小王 <br> 隔壁小小王|
效果：
| 排名 | 姓名 |
|---|---|
| 第一名 | 隔壁老王 |
| 第二名 | 隔壁小王 隔壁小小王 |
1.4表格结构标签
使用场景：因为表格可能很长为了更好的表示表格的语义，可以将表格分割成表格头部和表格主体两大部分：
在表格标签中，分别用：<thead></thead>标签表格的头部区域、<tbody></tbody>标签表格的庄体区域。这样可以更好的分清表格结构。
<table>
<tr>
<th>第1列表头</th> <th>第2列表头</th>
<tr><td>第1行第1列单元格</td> <td>第1行第2列单元格</td>
<tr><td>第2行第1列单元格</td> <td>第2行第2列单元格</td>
<tr><td>第3行第1列单元格</td> <td>第3行第2列单元格</td>
</tr>
</table>
效果图：
| 第1列表头 | 第2列表头 |
|---|---|
| 第1行第1列单元格 | 第1行第2列单元格 |
| 第2行第1列单元格 | 第2行第2列单元格 |
| 第3行第1列单元格 | 第3行第2列单元格 |
2.合并表格
2.1 合并表格行
这里还是要与HTML网页结合起来，来达到效果。
这里用到了HTML的一个标签，
colspan：规定单元格可纵深的列数
rowspan：规定单元格可横跨的行数
<table>
<tr>
<td>小王</td>
<td>小小王</td>
<tr>
<tr>
<td colspan="2">隔壁老王</td>
<tr>
</table>
效果图：
| 小王 | 小小王 |
| 隔壁老王 | |
<table border="1" align="center">
<tr>
<th align="center">Month</th>
<th align="center">Savings</th>
</tr>
<tr>
<td align="center">January</td>
<td align="center">$100</td>
</tr>
<tr>
<td align="center">February</td>
<td align="center">$80</td>
</tr>
</table>
效果图:
| Month | Savings |
|---|---|
| January | $100 |
| February | $80 |
<table>
<tr>
<td colspan="2" style="text-align: center;">合并两列并居中</td>
</tr>
<tr>
<td>第一列</td> <td>第二列</td>
</tr>
</table>
| 合并两列并居中 | |
| 第一列 | 第二列 |
例子：
<table>
<tr>
<td colspan="3" style="text-align:center;">第一行</td>
</tr>
<tr>
<td style="width:33%; text-align:center;">第二行，第一列</td>
<td style="width:33%; text-align:center;">第二行，第二列</td>
<td style="width:33%; text-align:center;">第二行，第三列</td>
</tr>
<tr>
<td style="width:33%; text-align:center;">第三行，第一列</td>
<td style="width:33%; text-align:center;">第三行，第二列</td>
<td style="width:33%; text-align:center;">第三行，第三列</td>
</tr>
<tr>
<td style="width:33%; text-align:center;">第四行，第一列</td>
<td style="width:33%; text-align:center;">第四行，第二列</td>
<td style="width:33%; text-align:center;">第四行，第三列</td>
</tr>
<tr>
<td style="width:33%; text-align:center;">第五行，第一列</td>
<td style="width:33%; text-align:center;">第五行，第二列</td>
<td style="width:33%; text-align:center;">第五行，第三列</td>
</tr>
</table>
效果：
| 第一行 | ||
| 第二行，第一列 | 第二行，第二列 | 第二行，第三列 |
| 第三行，第一列 | 第三行，第二列 | 第三行，第三列 |
| 第四行，第一列 | 第四行，第二列 | 第四行，第三列 |
| 第五行，第一列 | 第五行，第二列 | 第五行，第三列 |
参考链接：
https://blog.csdn.net/qq_42711815/article/details/89257489
https://www.jianshu.com/p/bcc39682c074
https://blog.csdn.net/weixin_42118352/article/details/125230209
