Markdown 插入表格语法

小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。

我们知道默认情况下,Markdown 插入的表格,单元格中的内容默认左对齐;表头单元格中的内容会一直居中对齐(不同的实现可能会有不同表现)。

普通的表格

| 一个普通标题 | 一个普通标题 | 一个普通标题 |
| ------ | ------ | ------ |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |

一个普通标题 一个普通标题 一个普通标题
短文本 中等文本 稍微长一点的文本
稍微长一点的文本 短文本 中等文本

设置内容对齐

| 左对齐标题 | 右对齐标题 | 居中对齐标题 |
| :------| ------: | :------: |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |
左对齐标题 右对齐标题 居中对齐标题
短文本 中等文本 稍微长一点的文本
稍微长一点的文本 短文本 中等文本

语法说明:

  • |-:之间的多余空格会被忽略,不影响布局。
  • 默认标题栏居中对齐,内容居左对齐。
  • -:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
  • 内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。

如果你觉得本文对你有帮助,那就请分享给更多的朋友
关注「前端干货精选」加星星,每天都能获取前端干货
赞(1) 打赏
未经允许不得转载:WEB前端开发 » Markdown 插入表格语法

评论 9

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    Markdown 表格制作器 http://www.tablesgenerator.com/markdown_tables

    s5s52年前 (2016-11-25)回复
  2. #2

    收藏一下,下次好用

    7c16b37fd167895c57c136aeb91748a21年前 (2017-10-03)回复
  3. #3

    请问一下,这是使用wordpress哪款markdown插件?
    我markdown编写的文档上传到wp之后,支持太不友好了
    格式全没了..

    ncuil11个月前 (01-26)回复
  4. #4

    请问一下,这是使用wordpress哪款markdown插件?

    • JP Markdown

      愚人码头10个月前 (02-25)回复
      • 哪款都补错

        117dd3af15ae8d956ad27fafd6f24aac10个月前 (02-28)回复
  5. #5

    WEB

    117dd3af15ae8d956ad27fafd6f24aac10个月前 (02-28)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏