1.表格中对其、换行处理
1.1 一般我们都会这样用表格如下:
|排名|姓名||--|--||第一名|隔壁老王||第二名|隔壁小王、隔壁小小王|
实现效果图:
(资料图片)
排名 | 姓名 |
---|---|
第一名 | 隔壁老王 |
第二名 | 隔壁小王、隔壁小小王 |
1.2 当然这里也可以通过设置|:--|
左对齐,|--:|
右对齐
比如下面的左对齐:
|排名|姓名||:--|:--||第一名|隔壁老王||第二名|隔壁小王、隔壁小小王|
效果:
排名 | 姓名 |
---|---|
第一名 | 隔壁老王 |
第二名 | 隔壁小王、隔壁小小王 |
1.3 实现表格内容换行
Markdown本身不提供单元格合并语法,但是,Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格合并。
|排名|姓名||:--|:--||第一名|隔壁老王||第二名|隔壁小王
隔壁小小王|
效果:
排名 | 姓名 |
---|---|
第一名 | 隔壁老王 |
第二名 | 隔壁小王 隔壁小小王 |
1.4表格结构标签
使用场景:因为表格可能很长为了更好的表示表格的语义,可以将表格分割成表格头部和表格主体两大部分:
在表格标签中,分别用:标签表格的头部区域、
标签表格的庄体区域。这样可以更好的分清表格结构。
第1列表头 第2列表头 第1行第1列单元格 第1行第2列单元格 第2行第1列单元格 第2行第2列单元格 第3行第1列单元格 第3行第2列单元格
效果图:
第1列表头 | 第2列表头 |
---|---|
第1行第1列单元格 | 第1行第2列单元格 |
第2行第1列单元格 | 第2行第2列单元格 |
第3行第1列单元格 | 第3行第2列单元格 |
2.合并表格
2.1 合并表格行
这里还是要与HTML网页结合起来,来达到效果。这里用到了HTML的一个标签,colspan:规定单元格可纵深的列数rowspan:规定单元格可横跨的行数
小王 小小王 隔壁老王
效果图:
小王 | 小小王 |
隔壁老王 |
Month Savings January $100 February $80
效果图:
Month | Savings |
---|---|
January | $100 |
February | $80 |
合并两列并居中 第一列 第二列
合并两列并居中 | |
第一列 | 第二列 |
例子:
第一行 第二行,第一列 第二行,第二列 第二行,第三列 第三行,第一列 第三行,第二列 第三行,第三列 第四行,第一列 第四行,第二列 第四行,第三列 第五行,第一列 第五行,第二列 第五行,第三列
效果:
第一行 | ||
第二行,第一列 | 第二行,第二列 | 第二行,第三列 |
第三行,第一列 | 第三行,第二列 | 第三行,第三列 |
第四行,第一列 | 第四行,第二列 | 第四行,第三列 |
第五行,第一列 | 第五行,第二列 | 第五行,第三列 |
参考链接:
https://blog.csdn.net/qq_42711815/article/details/89257489
https://www.jianshu.com/p/bcc39682c074
https://blog.csdn.net/weixin_42118352/article/details/125230209