Markdown 插入表格

🌙
手机阅读
本文目录结构

Markdown 表格

要添加表,请使用三个或更多个连字符---来创建每个列的标题,并使用管道(|)分隔每个列。

您可以选择在表的任一端添加管道

| 名字       | 表述 |
| --------- | -----------       |
| AXIHE.com | 非常棒            |
| AXIHE.com | 专业写前端教程的   |

渲染效果(不同的编辑器渲染出的表格都是不一样的,主要由内置的CSS控制)

名字 表述
AXIHE.com 非常棒
AXIHE.com 专业写前端教程的

两边的管道符号可以去掉的,如下所示;

名字 | 表述
--- | ---
AXIHE.com | 非常棒
AXIHE.com | 专业写前端教程的

渲染效果如下,两者并没有什么区别

名字 表述
AXIHE.com 非常棒
AXIHE.com 专业写前端教程的

表格的对齐

左对齐 | 中间对齐 | 右对齐
:--- | :---: | ---:
AXIHE.com | 非常棒 | 右对齐
AXIHE.com | 专业写前端教程的 | 右对齐

渲染如下

左对齐 中间对齐 右对齐
AXIHE.com 非常棒 右对齐
AXIHE.com 专业写前端教程的 右对齐

表格内可以插入任何东西

您在表格内还可以插入别的markdown语法,比如连接,code,图片等;

当然 HTML代码也肯定可以放在表格内的;

名字 | 表述
--- | ---
[AXIHE.com](https://www.axihe.com) | **非常棒**
AXIHE.com | 专业写*前端教程*的

渲染如下

名字 表述
AXIHE.com 非常棒
AXIHE.com 专业写前端教程

表格中转义管道符

您可以使用其HTML字符代码 | 在表中显示管道(|)字符

名字 | 表述
--- | ---
AXIHE.com | 非常 | 棒
AXIHE.com | 专业写 | 前端教程 | 的
名字 表述
AXIHE.com 非常 | 棒
AXIHE.com 专业写 | 前端教程 | 的

如果您想了解更多的Markdown语法,可以点击 Markdown语法手册 进行查看

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了