简书编写文章时如何使用表格

在简书中我们想要使用表格，但是简书只提供了简单的图片插入方式，其他的都没有。
那么我们要如何实现表格呢？看下面例子：

我们在编辑界面这样写：

示例1：
序号|内容
---|---
1|内容1
2|内容2

那么预览效果是什么样的呢？请看下面：

序号	内容
1	内容1
2	内容2

1、创建表格规则

如示例1那样我们就创建了表格，在简书中通过短横线( - )和竖线( | )相结合来实现表格的。

• 示例1内容第一行为标题，简书默认会将第一行作为标题，字体会加黑加粗
• ---|--- 标记只需要一个即可，它的位置出在标题行和其他行之间
• -|- 标记中的横线只需要一个即可，你也可以使用多个，方便在自己编辑是查看
• 表格的列用竖线分割，所以你可以添加多个竖线来实现多列。例如：-|-|-，即代表三列
• 你的内容行要用竖线来区分内容所属列，内容行的竖线是和标记 -|- 中的竖线相对应的

2、表格的对齐

在示例1中，表格内的内容都是局左对齐的。在具体的制作表格时，我们有时会有其他的需求，那么我们该如何实现呢？看下面例子：

示例2：
默认样式|居右样式|居左样式|居中样式
---|---:|:---|:---:
默认|居右对齐|居左对齐|居中对齐

那么预览效果又是什么样的呢？请看下面：

默认样式	居右样式	居左样式	居中样式
默认	居右对齐	居左对齐	居中对齐

仔细观察示例2和示例1的区别，我们会发现在横线两端出现了冒号( : )，冒号居于横线的位置不同，那么内容的样式也不一样。

• 无冒号：内容居左对齐(默认)
• 冒号居左：内容居左对齐
• 冒号居右：内容居右对齐
• 冒号在两端：内容居中对齐

3、竖线转义问题

当我们在表格的内容中使用竖线时，就会让编辑器无法分辨你的意图，例如下面这种情况：

示例3：
序号| 内容
---|---
1|内|容

序号	内容
1	内	容

如示例3所示，在内容中出现了竖线，那么编辑器就会认为这是列的划分线，于是就会多出一列来，明显这不是我们要的效果，那么该如何解决呢？

解决办法：
1、用html转义字符代替，"|"的转义字符是："&#124；"，&#124后面的分号需要是英文状态下的分号。
2、第二种方法是使用反斜杠( \ )

序号| 内容
---|---
1|内&#124；(或) \ 容

序号	内容
1	内|容

使用转义字符后就是上面的效果了。

---

写在最后：

• 如果文章中有错误或是表达不准确的地方，欢迎大家评论中指正，以便我完善。
• 文章我也会根据所学到新的知识不断更新。