Skip to content

第9章:表格排版

9.1 基础表格语法

表格用于展示结构化数据,在Markdown中,使用 | 分隔列,使用 --- 分隔表头和表体。

基本结构

语法

markdown
| 表头1 | 表头2 | 表头3 |
|-----|-----|-----|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |

示例

markdown
| 姓名 | 年龄 | 职业 |
|-----|-----|-----|
| 张三 | 25 | 工程师 |
| 李四 | 30 | 设计师 |
| 王五 | 35 | 产品经理 |

表格对齐

你可以使用冒号 : 来控制表格列的对齐方式:

  • 左对齐---
  • 居中对齐---:
  • 右对齐:---:

语法

markdown
| 左对齐 | 居中对齐 | 右对齐 |
|-----|-----:|:-----:|
| 内容1 | 内容2 | 内容3 |

示例

markdown
| 姓名 | 年龄 | 工资 |
|-----|-----:|:-----:|
| 张三 | 25 | 10000 |
| 李四 | 30 | 15000 |
| 王五 | 35 | 20000 |

9.2 表格对齐

左对齐

语法| 列名 || 列名 |(默认左对齐)

示例

markdown
| 产品 | 价格 | 库存 |
|-----|-----|-----|
| 苹果 | 5 | 100 |
| 香蕉 | 3 | 200 |
| 橙子 | 4 | 150 |

居中对齐

语法| :--- |

示例

markdown
| 产品 | 价格 | 库存 |
| :--- | :--- | :--- |
| 苹果 | 5 | 100 |
| 香蕉 | 3 | 200 |
| 橙子 | 4 | 150 |

右对齐

语法| ---: |

示例

markdown
| 产品 | 价格 | 库存 |
| --- | ---: | ---: |
| 苹果 | 5 | 100 |
| 香蕉 | 3 | 200 |
| 橙子 | 4 | 150 |

9.3 复杂表格

表格合并

Markdown本身不直接支持表格单元格合并,但你可以通过一些技巧来实现类似的效果。

方法:使用空单元格和边框样式来模拟合并效果

示例

markdown
| 类别 | 产品 | 价格 |
|-----|-----|-----|
| 水果 | 苹果 | 5 |
|     | 香蕉 | 3 |
|     | 橙子 | 4 |
| 蔬菜 | 西红柿 | 2 |
|     | 黄瓜 | 1.5 |

表格嵌套

你可以在表格单元格中添加其他Markdown元素,如列表、文本样式等。

示例

markdown
| 名称 | 功能 | 特点 |
|-----|-----|-----|
| Markdown | 文本排版 | - 语法简洁<br>- 跨平台兼容<br>- 易读易写 |
| HTML | 网页开发 | - 功能强大<br>- 灵活性高<br>- 学习曲线较陡 |
| Word | 文档编辑 | - 所见即所得<br>- 功能丰富<br>- 文件体积大 |

实操案例:创建表格

基础表格

markdown
# 学生信息表

| 学号 | 姓名 | 性别 | 年龄 | 专业 |
|-----|-----|-----|-----|-----|
| 1001 | 张三 | 男 | 18 | 计算机科学 |
| 1002 | 李四 | 女 | 19 | 软件工程 |
| 1003 | 王五 | 男 | 18 | 数据科学 |
| 1004 | 赵六 | 女 | 19 | 人工智能 |

对齐表格

markdown
# 产品价格表

| 产品名称 | 单价(元) | 库存(件) | 销售额(元) |
| :--- | ---: | ---: | ---: |
| 苹果 | 5.00 | 100 | 500.00 |
| 香蕉 | 3.00 | 200 | 600.00 |
| 橙子 | 4.00 | 150 | 600.00 |
| 葡萄 | 8.00 | 80 | 640.00 |
| 总计 | - | 530 | 2340.00 |

复杂表格

markdown
# 课程表

| 时间 | 周一 | 周二 | 周三 | 周四 | 周五 |
|-----|-----|-----|-----|-----|-----|
| 上午 | 数学 | 语文 | 英语 | 物理 | 化学 |
| 下午 | 体育 | 音乐 | 美术 | 历史 | 地理 |
| 晚上 | 自习 | 自习 | 社团活动 | 自习 | 班会 |

# 项目进度表

| 任务 | 负责人 | 开始时间 | 结束时间 | 进度 |
|-----|-----|-----|-----|-----|
| 需求分析 | 张三 | 2023-01-01 | 2023-01-10 | 100% |
| 设计 | 李四 | 2023-01-11 | 2023-01-20 | 100% |
| 开发 | 王五 | 2023-01-21 | 2023-02-10 | 80% |
| 测试 | 赵六 | 2023-02-11 | 2023-02-20 | 0% |
| 部署 | 孙七 | 2023-02-21 | 2023-02-28 | 0% |

新手易错点

表格分隔符遗漏

  • 错误:表头和表体之间没有添加分隔线 ---
  • 错误:分隔线的长度不足

正确示例

markdown
| 表头1 | 表头2 |
|-----|-----|
| 内容1 | 内容2 |

列数不匹配

  • 错误:表头和表体的列数不一致
  • 错误:某一行的列数与其他行不一致

正确示例

markdown
| 表头1 | 表头2 | 表头3 |
|-----|-----|-----|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |

对齐方式错误

  • 错误:对齐符号使用错误
  • 错误:不同列的对齐方式设置不一致

正确示例

markdown
| 左对齐 | 居中对齐 | 右对齐 |
|-----|:-----:|-----:|
| 内容1 | 内容2 | 内容3 |

表格格式错乱

  • 错误:表格中包含了特殊字符,没有正确处理
  • 错误:表格行之间没有保持一致的格式

正确示例

markdown
| 名称 | 描述 |
|-----|-----|
| 项目1 | 这是一个项目 |
| 项目2 | 这是另一个项目 |

练习建议

  • 尝试创建不同类型的表格
  • 练习设置不同的对齐方式
  • 尝试在表格中添加其他Markdown元素
  • 注意保持表格的格式和对齐
  • 测试表格在不同编辑器中的显示效果

通过练习,你应该能够熟练掌握Markdown表格的使用方法,创建结构清晰、数据展示效果良好的表格。

© 2026 编程马·菜鸟教程 版权所有