Markdown表格語法實現方式

1、原生方式

語法格式

|項目|價格|數量|
|:---|---:|:---:|
|iPhone|6000元  |3  |
|iPad  |3000元  |4  |
|iMac  |10000元 |5  |

可簡化，取消行兩側管道符號"|"

項目|價格|數量
:-|-:|:-:
iPhone|6000元  |3  
iPad  |3000元  |4  
iMac  |10000元 |5

語法說明

1. 無論是哪一種方式，第一行爲表頭，第二行分隔表頭和主體部分，第三行開始每一行表明一個表格行；
2. 分隔表頭「-」至少有一個
3. 列與列之間用管道符號 「|」 隔開，原生方式的表格每一行的兩邊也要有管道符。
4. 可在第二行指定不一樣列單元格內容的對齊方式，默認爲左對齊，在 「-」 右邊加上 「:」 爲右對齊，在 「-」 兩側同時加上 「:」 爲居中對齊。

---

表現

項目	價格	數量
iPhone	6000元	3
iPad	3000元	4
iMac	10000元	5

2、利用HTML<table>標籤

---

表現豐富

列寬 width=20%	表頭居中 style="text-align:center"	居右	列3
設置背景色	bgcolor=rgb(92, 184, 92)	bgcolor=#eea236	bgcolor=pink
合併列	起始列colspan=2 align=center
合併行 起始行rowspan=3	align=center對th無效	cell	cell
	style="text-align:right"	cell	合併行 rowspan=2
	cell	cell
cell	cell	cell	cell

可設置 列寬（經過th、td都可以設置）、 單元格背景色、合併列、合併行。

代碼展現

<table>
   <tr>
        <th width=20%>列寬 `width=20%`</th>
        <th width=45% style="text-align:center">表頭居中 `style="text-align:center"`</th>
        <th widht=20% style="text-align:right">居右</th>
        <th widht=5%>列3</th>
   </tr>
   <tr>
        <td >設置背景色 </td>
        <td bgcolor=rgb(92, 184, 92)>`bgcolor=rgb(92, 184, 92)`</td>
        <td bgcolor=#eea236>`bgcolor=#eea236`</td>
        <td bgcolor=pink>`bgcolor=pink`</td>
   </tr>
   <tr>
        <td>**合併列**</td>
        <td colspan=3 align=center> `起始列colspan=2` `align=center`</td>
   </tr>
   <tr>
        <td rowspan=3>**合併行** <br>`起始行rowspan=3`</td>
        <td align=center>`align=center`對`th`無效</td>
        <td>cell</td>
        <td>cell</td>
   </tr>
   <tr>
        <td style="text-align:right">`style="text-align:right"`</td>
        <td>cell</td>
        <td rowspan=2>合併行 `rowspan=2`</td>
   </tr>
   <tr>
        <td>cell</td>
        <td>cell</td>
   </tr>
   <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
</table>

剛發現segmentfault表格不支持背景色