合并行使用和合并列分别使用什么属性

在html页面中,table表格利用仍是比力频仍的,可是,现实的列表中,行列凡是不会那么法则的展示,凡是需要归并行或者归并列

东西/原料

  • visual studio code

方式/步调

  1. 1

    归并行利用rowspan,归并列利用colspan来进行table行列归并

  2. 2

    利用visual studio code编纂东西,新建一个html页面,添加html5的页面根基布局

    4前端页面开辟东西的下载与安装

  3. 3

    在body规模中添加一个table,此处仅做演示,直接在table中添加tr,未添加thead、tbody。并为表格添加css边框样式

  4. 4

    利用浏览器打开这个测试页面,运行可以看到默认的table样子,此时还没有归并行或者列

  5. 5

    利用rowspan进行单位格的行归并,此处将第一行第一列设置rowspan=2,那么,第一行第一列半斤八两于就占有第一、二行的第一列,即占用了两个单位格位置,所以,下一行就需要注释失落一个单位格

  6. 6

    在浏览器中打开这个测试页面,就可以看到第一列进行了行归并

  7. 7

    利用colspan进行单位格的列归并,此处将第一行的第三、四列归并,在第三列中利用colspan=2,同时注释失落第四列即可

  8. 8

    在浏览器中打开这个测试页面,就可以看到第一行的第三四列归并了

  • 发表于 2019-01-04 00:00
  • 阅读 ( 1526 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具