码迷,mamicode.com
首页 > Web开发 > 详细

css——table合并单元格

时间:2020-03-26 14:02:10      阅读:893      评论:0      收藏:0      [点我收藏+]

标签:image   ima   blank   tps   href   margin   color   body   占位符   

参考: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>

 

css——table合并单元格

标签:image   ima   blank   tps   href   margin   color   body   占位符   

原文地址:https://www.cnblogs.com/linjiangxian/p/12573854.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!