Markdown怎么样实现表格的单元格合并
前言
在上一篇记录PHP date()的函数详解中,有一部分关于$format格式化选项介绍,用到了表格的单元格合并部分功能,文章基本都是基于Markdown语法创建,但在合并单元格这一项时,突然不知道具体用什么语法实现了。
其实原生的Markdown语法是不支持单元格合并的,但好在Markdown自身完全兼容HTML语法,所以我们可以使用HTML的table语法来实现
原文地址:https://www.ngxcode.com/archives/557.html
代码示例
<table>
<tr style="background-color: #eff3f5;">
<th colspan="3" style="text-align:center">单元格合并</th>
</tr >
<tr style="background-color: #f7f7f7;">
<td >单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr >
<tr >
<td>单元格</td>
<td rowspan="3">单元格合并行</td>
<td rowspan="3">单元格合并行</td>
</tr>
<tr>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
</tr>
<tr>
<td rowspan="2">单元格合并</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
实现效果
单元格合并 | ||
---|---|---|
单元格 | 单元格 | 单元格 |
单元格 | 单元格合并行 | 单元格合并行 |
单元格 | ||
单元格 | ||
单元格合并 | 单元格 | 单元格 |
单元格 | 单元格 | |
单元格 | 单元格 | 单元格 |
结语
以上就是Markdown实现单元格合并的具体方法,更多文章请关注本站其他内容,感谢!