|排名|姓名||--|--||第一名|隔壁老王||第二名|隔壁小王、隔壁小小王|
實(shí)現(xiàn)效果圖:
(資料圖)
排名 | 姓名 |
---|---|
第一名 | 隔壁老王 |
第二名 | 隔壁小王、隔壁小小王 |
|:--|
左對(duì)齊,|--:|
右對(duì)齊比如下面的左對(duì)齊:
|排名|姓名||:--|:--||第一名|隔壁老王||第二名|隔壁小王、隔壁小小王|
效果:
排名 | 姓名 |
---|---|
第一名 | 隔壁老王 |
第二名 | 隔壁小王、隔壁小小王 |
Markdown本身不提供單元格合并語(yǔ)法,但是,Markdown是兼容HTML的,因此,我們可以通過(guò)HTML的方式實(shí)現(xiàn)單元格合并。
|排名|姓名||:--|:--||第一名|隔壁老王||第二名|隔壁小王
隔壁小小王|
效果:
排名 | 姓名 |
---|---|
第一名 | 隔壁老王 |
第二名 | 隔壁小王 隔壁小小王 |
使用場(chǎng)景:因?yàn)楸砀窨赡芎荛L(zhǎng)為了更好的表示表格的語(yǔ)義,可以將表格分割成表格頭部和表格主體兩大部分:
在表格標(biāo)簽中,分別用:標(biāo)簽表格的頭部區(qū)域、
標(biāo)簽表格的莊體區(qū)域。這樣可以更好的分清表格結(jié)構(gòu)。
第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列單元格 |
這里還是要與HTML網(wǎng)頁(yè)結(jié)合起來(lái),來(lái)達(dá)到效果。這里用到了HTML的一個(gè)標(biāo)簽,colspan:規(guī)定單元格可縱深的列數(shù)rowspan:規(guī)定單元格可橫跨的行數(shù)
小王 小小王 隔壁老王
效果圖:
小王 | 小小王 |
隔壁老王 |
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
最新資訊
關(guān)于我們| 聯(lián)系方式| 版權(quán)聲明| 供稿服務(wù)| 友情鏈接
咕嚕網(wǎng) m.jzyjjz.com 版權(quán)所有,未經(jīng)書(shū)面授權(quán)禁止使用
Copyright©2008-2023 By All Rights Reserved 皖I(lǐng)CP備2022009963號(hào)-10
聯(lián)系我們: 39 60 29 14 2@qq.com