1. 程式人生 > >markdown之表格的使用

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編輯器並不能解析這個語法,也就是說,所有列的寬度都是一樣的。