利用Markdown创建表格

Markdown作为一种轻量级书写/写作语言,并没有提供很好的排版、编辑等功能。因此,如果想要利用Markdown创建表格(特别是复杂表格),其实是一项不太轻松的事情。
经过笔者在简书平台上的测试与其他若干帖子的表述,Markdown应是只提供了最简单的创建表格与内容对齐方式的功能。总结而言,有如下两种最为直观的创建表格方式:

  • 简单方式

Name | Academy | score
- | :-: | -:
Harry Potter | Gryffindor| 90
Hermione Granger | Gryffindor | 100
Draco Malfoy | Slytherin | 90

Name Academy score
Harry Potter Gryffindor 90
Hermione Granger Gryffindor 100
Draco Malfoy Slytherin 90
  • 原生方式

| Name | Academy | score |
| - | :-: | -: |
| Harry Potter | Gryffindor| 90 |
| Hermione Granger | Gryffindor | 100 |
| Draco Malfoy | Slytherin | 90 |

Name Academy score
Harry Potter Gryffindor 90
Hermione Granger Gryffindor 100
Draco Malfoy Slytherin 90

语法说明:
1. 不管是哪种方式,第一行为表头,第二行分隔表头和主体部分,第三行开始每一行代表一个表格行;
2. 列与列之间用管道符号 “|” 隔开,原生方式的表格每一行的两边也要有管道符。
3. 可在第二行指定不同列单元格内容的对齐方式,默认为左对齐,在 “-” 右边加上 “:” 为右对齐,在 “-” 两侧同时加上 “:” 为居中对齐。

这样傻瓜的表格创建方式十分符合Markdown简小精悍的语言气质,具有上手快、即学即用的优势。但傻瓜的定义方式显然不能满足很多处女座的要求,比如
文章——“Linux备忘录-Linux中文件/文件夹按照时间顺序升序/降序排列”的表格如下:

| 参数 |详细解释|备注|
| - | - |
| -l | use a long listing format |以长列表方式显示(显示出文件/文件夹详细信息) |
| -t | sort by modification time |按照修改时间排序(默认最近被修改的文件/文件夹排在最前面) |
|-r | reverse order while sorting |逆序排列|

参数 详细解释 备注
-l use a long listing format 以长列表方式显示(显示出文件/文件夹详细信息)
-t sort by modification time 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面)
-r reverse order while sorting 逆序排列

单元格排列不齐整、第一列太窄而第三列略宽,如此不堪的视觉效果着实让强迫症患者们难以忍受。还好,利用HTML可以弥补Markdown这一缺陷,甚至可以在创建表格时其他诸多表现方面锦上添花。(遗憾的是笔者钟爱的简书对于HTML的支持并不全面,亲测尚不支持<table>;转战CSDN实属无奈之举,不过也要为CSDN的人性化点赞!)

  • <th>(表头)与<td>(主体内容)均支持“width = pixels”或“width = %”属性,可利用此属性调整表格单元格宽度。
参数 详细解释 备注
-l use a long listing format 以长列表方式显示(显示出文件/文件夹详细信息)
-t sort by modification time 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面)
-r reverse order while sorting 逆序排列
  • 通过设置属性“bgcolor=color”可以调整不同单元格的背景颜色。
参数 详细解释 备注
-l use a long listing format 以长列表方式显示(显示出文件/文件夹详细信息)
-t sort by modification time 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面)
-r reverse order while sorting 逆序排列

更多花里胡哨的功能/属性笔者不再一一赘述,按照同样的思路,只要你可以想得到,HTML的<table>基本都可满足你的需求。(顺便安利一个不错的网站:w3schools.com

源代码:

<table>
  <tr>
    <th width=10%, bgcolor=yellow >参数</th>
    <th width=40%, bgcolor=yellow>详细解释</th>
    <th width="50%", bgcolor=yellow>备注</th>
  </tr>
  <tr>
    <td bgcolor=#eeeeee> -l </td>
    <td> use a long listing format  </td>
    <td> 以长列表方式显示(显示出文件/文件夹详细信息)  </td>
  </tr>
  <tr>
    <td bgcolor=#00FF00>-t </td>
    <td> sort by modification time </td>
    <td> 按照修改时间排序(默认最近被修改的文件/文件夹排在最前面) </td>
  <tr>
    <td bgcolor=rgb(0,10,0)>-r </td>
    <td> reverse order while sorting </td>
    <td>  逆序排列 </td>
  </tr>
</table>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

猜你喜欢

转载自blog.csdn.net/s_lisheng/article/details/80393527