markdown表格合并单元格只能是在.md文件中使用html

 

 

 

  代码 github/gitee中的显示效果
横向合并 <table>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td colspan="2">Three</td>
  </tr>
</table>
左侧纵向合并 <table>
    <thead>
        <tr>
            <th>Layer 1</th>
            <th>Layer 2</th>
            <th>Layer 3</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td rowspan=4>L1 Name</td>
            <td rowspan=2>L2 Name A</td>
            <td>L3 Name A</td>
        </tr>
        <tr>
            <td>L3 Name B</td>
        </tr>
        <tr>
            <td rowspan=2>L2 Name B</td>
            <td>L3 Name C</td>
        </tr>
        <tr>
            <td>L3 Name D</td>
        </tr>
    </tbody>
</table>
右侧纵向合并 <table>
    <tbody>
        <tr>
            <td rowspan=1>姓名</td>
            <td rowspan=1>XXXXXXX</td>
            <td>出生年月</td>
            <td>xXXXXXXX</td>
            <td rowspan=4><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594384125029&di=97217d51b57edce2125415b08c99cf0e&imgtype=0&src=http%3A%2F%2Fp3.so.qhimgs1.com%2Ft014ed3aaf995df1763.png"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>男</td>
            <td>籍贯</td>
            <td>宁波</td>
        </tr>
     <tr>
            <td>联系电话</td>
            <td>XXXXXXX</td>
            <td>微信</td>
            <td>appleyuchi</td>
        </tr>
     <tr>
            <td>联系邮箱</td>
            <td>yXXXXXXXXXXX</td>
            <td>居住地址</td>
            <td>XXXXXXXXXx</td>
        </tr>
    </tbody>
</table>连接了

 

左侧纵向合并中,每对<tr>...</tr>表示一行,图解上述代码如下:

总共四对<tr>...</tr>

上述图形中每个不同颜色的彩色方框都对应上述代码中的其中一对<tr>...</tr>

 

上述三种展示效果如下:

https://gitee.com/fastsource/markdown_cell_merge/blob/master/test.md

 

有的人会问:

如果要在上述第三种表格中放入自己的头像怎么办?

很简单:

csdn账号中上传自己头像,然后F12的html页码中就有头像的存储连接了,把这个连接拷入上面的表格的<td><src img=""><td>中即可

 

 

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐