MarkDown表格合并单元格

原生MD语法不支持单元格合并的操作，本文讲述通过插入html表格标签来实现md语法文件的单元格合并。

html表格代码

组成

html简单表格由下面的代码组成：

<table>    ##此代码起头
  <tr><th>xxx</th><th>xxx</th><th>xxx</th></tr>   ##表头
  <tr><td>xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表
</table>   ##结束

效果

xxx	xxx	xxx
xxx	xxx	xxx

表格偏下原因处理

造成表格偏下的原因是因为为了增强代码的可读性，在<tr>及</tr>的前后添加了回车。解决此问题，只需要在前后<table></table>的前后分别加上如下代码即可。

<escape>  ##此代码起头
<table>    
  <tr><th>xxx</th><th>xxx</th><th>xxx</th></tr>   ##表头
  <tr><td>xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表
</table>   
</escape>  ##结束

效果

xxx	xxx	xxx
xxx	xxx	xxx

合并单元格

合并横向单元格（合并行）

合并行在需要合并的单元格之前的 <th>或者<td>之中加入rowspan="2" eg：<td rowspan="2">xxx</td>即为合并两个单元格。数量增加同理。

例如：

<escape>  ##此代码起头
<table>    
  <tr><th>xxx</th><th>xxx</th><th>xxx</th></tr>   ##表头
  <tr><td rowspan="2">xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表1
  <tr><td>xxx</td><td>xxx</td></tr>   ##下面的列表2
</table>   
</escape>  ##结束

效果

xxx	xxx	xxx
xxx	xxx	xxx
xxx	xxx	xxx

合并纵向单元格（合并列）

合并行在需要合并的单元格之前的 <th>或者<td>之中加入colspan="2" eg：<td colspan="2">xxx</td>即为合并两个单元格。数量增加同理。

例如：

<escape>  ##此代码起头
<table>    
  <tr><th colspan="2">xxx</th><th>xxx</th></tr>   ##表头
  <tr><td>xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表1
  <tr><td>xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表2
</table>   
</escape>  ##结束

效果

为了更好看出效果，我加了center居中代码。试的html语法的居中没成功，小白表示无奈。

xxx		xxx
xxx	xxx	xxx
xxx	xxx	xxx

附上课表的代码图供为参照：

设置表格宽度范围

表格宽度通过<table style="width: 50%;">设置，如下代码：

<escape>  ##此代码起头
<table style="width: 50%;">    
  <tr><th colspan="2">xxx</th><th>xxx</th></tr>   ##表头
  <tr><td>xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表1
  <tr><td>xxx</td><td>xxx</td><td>xxx</td></tr>   ##下面的列表2
</table>   
</escape>  ##结束

效果

xxx		xxx
xxx	xxx	xxx
xxx	xxx	xxx

本文参考链接：

作者：蓝生
来源：蓝生的个人博客
链接：https://www.lansheng.net.cn/2018/08/15/markdown%E4%BD%BF%E7%94%A8/markdowd%20%E8%A1%A8%E6%A0%BC%E5%90%88%E5%B9%B6/
感谢蓝生的指导。本文在其原文基础上选取了自己需要用的部分，并添加了合并列，以及消除空行的操作。