css——table合並單元格

參考：https://www.cnblogs.com/yangwang12345/p/7840253.html

 

合並列——colspan

合並行——rowspan

合並行的時候，比如rowspan="2"，它的下一行tr會少一列；合並列的時候 colspan="2"，此行的列會少一列

 

示意圖：

 

html：

<table border="1" style={{margin:200}}>
      <tbody>
        <tr>  //第一行
          <th colspan="2">我是占位符</th> //合並兩列
          <th colspan="2">我是占位符</th> //合並兩列
        </tr>
        <tr> //第二行
          <th rowspan="2">我是占位符</th> //合並兩行
          <th>我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
        </tr>
        <tr> //第三行
          <th>我是占位符</th>
          <th>我是占位符</th>
          <th>我是占位符</th>
        </tr>
      </tbody>
    </table>