在簡書中我們想要使用表格，但是簡書只提供了簡單的圖片插入方式，其他的都沒有。
那么我們要如何實現(xiàn)表格呢？看下面例子：

我們在編輯界面這樣寫：

示例1：
序號|內(nèi)容
---|---
1|內(nèi)容1
2|內(nèi)容2

那么預覽效果是什么樣的呢？請看下面：

1、創(chuàng)建表格規(guī)則

如示例1那樣我們就創(chuàng)建了表格，在簡書中通過短橫線( - )和豎線( | )相結(jié)合來實現(xiàn)表格的。

• 示例1內(nèi)容第一行為標題，簡書默認會將第一行作為標題，字體會加黑加粗
• ---|--- 標記只需要一個即可，它的位置出在標題行和其他行之間
• -|- 標記中的橫線只需要一個即可，你也可以使用多個，方便在自己編輯是查看
• 表格的列用豎線分割，所以你可以添加多個豎線來實現(xiàn)多列。例如：-|-|-，即代表三列
• 你的內(nèi)容行要用豎線來區(qū)分內(nèi)容所屬列，內(nèi)容行的豎線是和標記 -|- 中的豎線相對應的

2、表格的對齊

在示例1中，表格內(nèi)的內(nèi)容都是局左對齊的。在具體的制作表格時，我們有時會有其他的需求，那么我們該如何實現(xiàn)呢？看下面例子：

示例2：
默認樣式|居右樣式|居左樣式|居中樣式
---|---:|:---|:---:
默認|居右對齊|居左對齊|居中對齊

那么預覽效果又是什么樣的呢？請看下面：

仔細觀察示例2和示例1的區(qū)別，我們會發(fā)現(xiàn)在橫線兩端出現(xiàn)了冒號( : )，冒號居于橫線的位置不同，那么內(nèi)容的樣式也不一樣。

• 無冒號：內(nèi)容居左對齊(默認)
• 冒號居左：內(nèi)容居左對齊
• 冒號居右：內(nèi)容居右對齊
• 冒號在兩端：內(nèi)容居中對齊

3、豎線轉(zhuǎn)義問題

當我們在表格的內(nèi)容中使用豎線時，就會讓編輯器無法分辨你的意圖，例如下面這種情況：

示例3：
序號| 內(nèi)容
---|---
1|內(nèi)|容

如示例3所示，在內(nèi)容中出現(xiàn)了豎線，那么編輯器就會認為這是列的劃分線，于是就會多出一列來，明顯這不是我們要的效果，那么該如何解決呢？

解決辦法：
1、用html轉(zhuǎn)義字符代替，"|"的轉(zhuǎn)義字符是："&#124；"，&#124后面的分號需要是英文狀態(tài)下的分號。
2、第二種方法是使用反斜杠( \ )

序號| 內(nèi)容
---|---
1|內(nèi)&#124；(或) \ 容

使用轉(zhuǎn)義字符后就是上面的效果了。

寫在最后：

• 如果文章中有錯誤或是表達不準確的地方，歡迎大家評論中指正，以便我完善。
• 文章我也會根據(jù)所學到新的知識不斷更新。