Markdown绘制表格

Markdown绘制表格

正常markdown语法:

| 表头     | 表头     | 表头     |
| -------- | -------- | -------- |
| 行1,列1 | 行1,列2 | 行1,列3 |
| 行2,列1 | 行2,列2 | 行2,列3 |
| 行3,列1 | 行3,列2 | 行3,列3 |

效果图:

表头表头表头
行1,列1行1,列2行1,列3
行2,列1行2,列2行2,列3
行3,列1行3,列2行3,列3

但是无法进行单元格合并。不过可以内嵌HTML代码来实现:

<h4>单元格跨行跨列:</h4>   <!--标题-->
<table border="1" width="500px" cellspacing="10">
<tr>
  <th align="left">表头(左对齐)</th>
  <th align="center">表头(居中)</th>
  <th align="right">表头(右对齐)</th>
</tr>
<tr>
  <td>行1,列1</td>
  <td>行1,列2</td>
  <td>行1,列3</td>
</tr>
<tr>
  <td colspan="2" align="center">合并行单元格</td>
  <td>行2,列3</td>
</tr>
<tr>
  <td rowspan="2" align="center">合并列单元格</td>
  <td>行3,列2</td>
  <td>行3,列3</td>
</tr>
<tr>
  <td>行4,列2</th>
  <td>行4,列3</td>
</tr>
</table>
<!--在表格td中,有两个属性控制居中显示
	align——表示左右居中——left,center,right
	valign——控制上下居中——left,center,right
	width——控制单元格宽度,单位像素
	cellspacing——单元格之间的间隔,单位像素
-->

效果图:

单元格跨行跨列:
表头(左对齐)表头(居中)表头(右对齐)
行1,列1行1,列2行1,列3
合并行单元格行2,列3
合并列单元格行3,列2行3,列3
行4,列2 行4,列2
  • 17
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Markdown和Mermaid都是常用的工具,可以用来编辑文档和创建流程图。Markdown是一种轻量级标记语言,可以用来编辑文字、插入图片、表格、公式等。Mermaid是一个集成到了很多Markdown编辑器中的库,它可以用来绘制各种类型的图表。 在Markdown中使用Mermaid创建表格,你需要使用Mermaid的代码块语法,并将编程语言设置为mermaid。然后,使用Mermaid提供的语法来定义表格的结构和内容。具体的使用方法可以参考Mermaid的官方文档。 通过使用Mermaid和Markdown的组合,你可以轻松地创建表格,同时还可以享受Markdown的其他功能,如插入图片、编辑公式等。这使得Markdown成为很多人喜欢使用的文档编辑语言,在很多博客平台都得到了广泛的支持和应用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [markdown图表语法Mermaid介绍](https://blog.csdn.net/u010698107/article/details/124371850)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [在Markdown中用mermaid语法绘制图表](https://blog.csdn.net/weixin_38008864/article/details/106866122)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值