在簡書中我們想要使用表格,但是簡書只提供了簡單的圖片插入方式,其他的都沒有。
那么我們要如何實現(xiàn)表格呢道媚?看下面例子:
我們在編輯界面這樣寫:
示例1:
序號|內(nèi)容
---|---
1|內(nèi)容1
2|內(nèi)容2
那么預覽效果是什么樣的呢?請看下面:
序號 | 內(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)|容
序號 | 內(nèi)容 | |
---|---|---|
1 | 內(nèi) | 容 |
如示例3所示,在內(nèi)容中出現(xiàn)了豎線蒜焊,那么編輯器就會認為這是列的劃分線倒信,于是就會多出一列來,明顯這不是我們要的效果泳梆,那么該如何解決呢鳖悠?
解決辦法:
1优妙、用html轉(zhuǎn)義字符代替,"|"的轉(zhuǎn)義字符是:"|套硼;",|后面的分號需要是英文狀態(tài)下的分號邪意。
2九妈、第二種方法是使用反斜杠( \ )
序號| 內(nèi)容
---|---
1|內(nèi)|;(或) \ 容
序號 | 內(nèi)容 |
---|---|
1 | 內(nèi)|容 |
使用轉(zhuǎn)義字符后就是上面的效果了雾鬼。
寫在最后:
- 如果文章中有錯誤或是表達不準確的地方萌朱,歡迎大家評論中指正呆贿,以便我完善。
- 文章我也會根據(jù)所學到新的知識不斷更新做入。