Markdown表格-换行、合并单元格_天天微动态
博客园 2023-04-30 06:25:29

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:规定单元格可横跨的行数

小王小小王
隔壁老王

效果图:

小王小小王
隔壁老王
MonthSavings
January$100
February$80

效果图:

MonthSavings
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

Markdown表格-换行、合并单元格_天天微动态

2023-04-30

青少年骨肉瘤早期症状_肉瘤早期症状 世界速看

2023-04-30

名著阅读读后感500字四年级(名著阅读读后感500字)|环球今热点

2023-04-30

家电要怎么清洗才干净 家电要如何清洗才干净

2023-04-29

世界实时:“五一”赶雅集喽!齐鲁匠人节亮相手造中心,民艺匠人市集等您来

2023-04-29

犬女有这个称呼吗_犬女

2023-04-29

歼灭日军10万?正确认识抗战的艰难

2023-04-29

通讯!一网通支付密码忘记了怎么办_一网通支付

2023-04-29

内蒙古多措并举保障“五一”假期出行安全

2023-04-29

全球看热讯:报案后立案了会通知吗

2023-04-29

护平安 迎五一丨石门交警强势推进酒驾醉驾专项整治行动_环球百事通

2023-04-29

热评丨“新”意何来?“美好生活”里看消费升级

2023-04-29

盗版游戏平台有哪些? 当前速看

2023-04-29

百事通!涉违规向境外个人销售外币理财产品等八项违法事实,上海银行被罚没9854.4万元

2023-04-29

2023年4月28日24时起国内成品油价格按机制下调

2023-04-29

你不能左右天气但你可以改变心情仿写句子_我不能改变天气但可以改变心情|天天观察

2023-04-29

中信证券:美国消费需求动能仍稳健,去库存拖累经济增速

2023-04-29

科学健身周周练|春季运动助长高

2023-04-29

手机空白页怎么设置?

2023-04-29

死精症百科_死精症是什么疾病_环球资讯

2023-04-29