在html页面中,table表格利用仍是比力频仍的,可是,现实的列表中,行列凡是不会那么法则的展示,凡是需要归并行或者归并列
归并行利用rowspan,归并列利用colspan来进行table行列归并
利用visual studio code编纂东西,新建一个html页面,添加html5的页面根基布局
4前端页面开辟东西的下载与安装
在body规模中添加一个table,此处仅做演示,直接在table中添加tr,未添加thead、tbody。并为表格添加css边框样式
利用浏览器打开这个测试页面,运行可以看到默认的table样子,此时还没有归并行或者列
利用rowspan进行单位格的行归并,此处将第一行第一列设置rowspan=2,那么,第一行第一列半斤八两于就占有第一、二行的第一列,即占用了两个单位格位置,所以,下一行就需要注释失落一个单位格
在浏览器中打开这个测试页面,就可以看到第一列进行了行归并
利用colspan进行单位格的列归并,此处将第一行的第三、四列归并,在第三列中利用colspan=2,同时注释失落第四列即可
在浏览器中打开这个测试页面,就可以看到第一行的第三四列归并了
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!