Markdown怎么样实现表格的单元格合并

Markdown 2023-05-15 784次浏览

前言

在上一篇记录PHP date()的函数详解中,有一部分关于$format格式化选项介绍,用到了表格的单元格合并部分功能,文章基本都是基于Markdown语法创建,但在合并单元格这一项时,突然不知道具体用什么语法实现了。

其实原生的Markdown语法是不支持单元格合并的,但好在Markdown自身完全兼容HTML语法,所以我们可以使用HTML的table语法来实现

代码示例

<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实现单元格合并的具体方法,更多文章请关注本站其他内容,感谢!

Markdown怎么样实现表格的单元格合并

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址