手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

Markdown表格-换行、合并单元格

2023-04-30 05:59:54 来源：博客园

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

关键词：