基本表格
基本表格即标准分割的表格,无合并单元格等格式,规整的行列结构。
基本表格语法:
|表头1|表头2|表头3|……|表头n| |-----|-----|-----|-----|-----| |列1|列2|列3|……|列n| |列1|列2|列3|……|列n|点击复制复制失败已复制
实际效果:
表头1 | 表头2 | 表头3 | …… | 表头n |
列1 | 列2 | 列3 | …… | 列n |
列1 | 列2 | 列3 | …… | 列n |
居中显示:
|表头1|表头2|表头3|……|表头n| |:-----:|:-----:|:-----:|:-----:|:-----:| |列1|列2|列3|……|列n| |列1|列2|列3|……|列n|点击复制复制失败已复制
实际效果:
表头1 | 表头2 | 表头3 | …… | 表头n |
列1 | 列2 | 列3 | …… | 列n |
列1 | 列2 | 列3 | …… | 列n |
复杂表格
markdown
基本语法中不支持复杂表格,但是可以嵌入 html
,可以使用 html
来间接的实现复杂表格展示。
<style>th{text-align:center}td{text-align:center}</style> <table> <thead><tr><th>A</th><th>B</th><th>C</th></tr></thead> <tbody> <tr><td>占位符</td><td colspan="2">合并了两列</td></tr> <tr><td rowspan="2" colspan="2">合并了两行两列</td><td>普通文本</td></tr> <tr><td><b>加粗</b></td></tr> </tbody> <table>点击复制复制失败已复制
实际效果:
A | B | C |
占位符 | 合并了两列 | |
合并了两行两列 | 普通文本 | |
加粗 |
上述代码没有任何问题,但是在vscode
中用格式化功能之后会导致其增加莫名的换行,导致不能正常显示,实测下来只需要保持tab
缩进不超过2个即可,可以使用如下的代码:
<style>th{text-align:center}td{text-align:center}</style> <table> <tr><th>章节</th><th>教材内容</th><th>考纲要求</th></tr> <tr><td>占位符</td><td colspan="2">合并了两列</td></tr> <tr><td rowspan="2" colspan="2">合并了两行两列</td><td>普通文本</td></tr> <tr><td><b>加粗</b></td></tr> </table>点击复制复制失败已复制
这样下来显示没有任何问题,就是不太符合语法。
章节 | 教材内容 | 考纲要求 |
占位符 | 合并了两列 | |
合并了两行两列 | 普通文本 | |
加粗 |