markdown之表格的使用

markdown因为其简便的语法，帮助作者从繁冗的排版工作中解放出来，更专注于文章的内容上，越来越受到博客写手、笔记狂魔的青睐。本文介绍如果用markdwon语法写出表格。

html版

markdown是支持html标签的，所以我们也可以才有html绘制表格，代码如下：

<table><tr><td>ID</td><td>NAME</td></tr><tr><td>1</td><td>A1</td></tr><tr><td>2</td><td>A3</td></tr><tr><td>3</td><td>A3</td></tr>
</table>

显示效果：

ID	NAME
1	A1
2	A3
3	A3

虽然html也可以在markdown中实现表格的绘制，但是书写负责，重复内容多，格式调整不方便，原文阅读性不强，不便于修改。

markdown语法版

我们用markdwon自带的语法实现上面中的表格效果:

|id|name|
|:-|:-|
|1|A1|
|2|A2|
|3|A3|

效果如下：

id	name
1	A1
2	A2
3	A3

俩者一比较间接性立竿见影，markdwon可以甩html好几条罗马大街。

对其方式调整

更难能可贵的是，markdown表格的对其方式调整也简单。细心的读者可能发现了，在上述代码的第二行中有个神秘符号:，它表示的就是对其方式，也可以理解对其的方法，比如:在-的左边表示左对齐。

对其规则：

- 默认左对齐
:- 左对齐
-:右对齐
:-:居中

列宽度调整

-表示列的宽度权重，比如如下，--、-，表示第一列的宽度是第二列的俩倍：

|id|name|
|:--|:-|
|1|A1|

id	name
1	A1

需要注意的是，有些markdwon编辑器并不能解析这个语法，也就是说，所有列的宽度都是一样的。

markdown之表格的使用相关推荐

markdown 创建表格
日常我们在写简书的时候总会有一些表格要写,我正常用的是markdown编辑器写简书.这里介绍两种方法写markdown的表格一. 极简方式 name | 价格 | 数量 -|-|- 香蕉 | $1 ...
Markdown编辑表格时如何输入竖线（'|', pipe，vertical bar）
Markdown编辑表格时如何输入竖线 How to input '|'(pipe,vertical bar) in table in markdown editor? 主要思路: 竖线用 | 或者 ...
Markdown编辑表格实现合并单元格、单元格内容换行
Markdown虽然没有合并单元格的语法,但是Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格合并. 跨行合并使用 rowspan 属性跨列合并使用 colspan 属性 ...
Markdown(六)——表格合并单元格增加标题
前言:之前有写过Markdown的表格记录处理标记,见Markdown语法(三)--列表&表格.但是发现这种方式不能合并单元格,对想要合并单元格的数据很不友好.好在Markdown可以支持HT ...
【markdown】表格合并单元格
[markdown]表格合并单元格 DEMO DEMO 效果参考链接 :[markdown]表格合并单元格 DEMO <table><tr><th>属性</ ...
Markdown编写表格模板
作者:LoveEmperor-王子様 Markdown编写表格模板在编写表格时,很容易格式错误,与用错标题标签,在这里记录下模板写法: 注意左边首|要靠最左,不能有空格表格上的标题要#,不建议使 ...
利用Markdown创建表格
Markdown作为一种轻量级书写/写作语言,并没有提供很好的排版.编辑等功能.因此,如果想要利用Markdown创建表格(特别是复杂表格),其实是一项不太轻松的事情. 经过笔者在简书平台上的测试与其 ...
Markdown绘制表格
Markdown绘制表格正常markdown语法: | 表头 | 表头 | 表头 | | -------- | -------- | -------- | | 行1,列1 | 行1,列2 | 行1, ...
Markdown创建表格
markdown创建表格 | name | 价格 | 数量 | |--|--|--| | 香蕉 | ￥1 | 2 | | 苹果 | ￥2 | 4 | | 梨子 | ￥3 | 6 | name 价格数 ...
将表格转换成纯html,HTML table表格转换为Markdown table表格
举个栗子,当我想要把这个页面的第一个表格转换成Markdown Table时,怎么做更快,效率更高? 只需简单三步,请看示例: 第一步:复制包含HTML table标签的代码复制table代码(HT ...