|排名|姓名||--|--||第一名|隔壁老王||第二名|隔壁小王、隔壁小小王|實現(xiàn)效果圖:
(資料圖)
| 排名 | 姓名 |
|---|---|
| 第一名 | 隔壁老王 |
| 第二名 | 隔壁小王、隔壁小小王 |
|:--|左對齊,|--:|右對齊比如下面的左對齊:
|排名|姓名||:--|:--||第一名|隔壁老王||第二名|隔壁小王、隔壁小小王|效果:
| 排名 | 姓名 |
|---|---|
| 第一名 | 隔壁老王 |
| 第二名 | 隔壁小王、隔壁小小王 |
Markdown本身不提供單元格合并語法,但是,Markdown是兼容HTML的,因此,我們可以通過HTML的方式實現(xiàn)單元格合并。
|排名|姓名||:--|:--||第一名|隔壁老王||第二名|隔壁小王
隔壁小小王|效果:
| 排名 | 姓名 |
|---|---|
| 第一名 | 隔壁老王 |
| 第二名 | 隔壁小王 隔壁小小王 |
使用場景:因為表格可能很長為了更好的表示表格的語義,可以將表格分割成表格頭部和表格主體兩大部分:
在表格標簽中,分別用:標簽表格的頭部區(qū)域、標簽表格的莊體區(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)頁結(jié)合起來,來達到效果。這里用到了HTML的一個標簽,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.www8678df.com 版權(quán)所有,未經(jīng)書面授權(quán)禁止使用
Copyright©2008-2023 By All Rights Reserved 皖I(lǐng)CP備2022009963號-10
聯(lián)系我們: 39 60 29 14 2@qq.com