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列單元格
    

效果圖：

2.合并表格

2.1 合并表格行

這里還是要與HTML網頁結合起來，來達到效果。這里用到了HTML的一個標簽，colspan：規定單元格可縱深的列數rowspan：規定單元格可橫跨的行數

小王
小小王
隔壁老王

效果圖：

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

標簽：