HTML---表格合并(详解)
html表格元素例⼦详解:
关键字解释:
border="1" :表格标签默认是⽆边框的,所以这⾥加上border=”1“是为了更好的进⾏样式展⽰;
colspan="2":表⽰的是进⾏单元格列合并,在该⾏中,先是th表头占据了⼀个单元格,之后遇到th,⽤colspan=2进⾏属性设置,表⽰该单元格横跨两列(也就是列合并);
rowspan="2":表⽰的是进⾏单元格⾏合并,在该⾏中,直接先是在th中设置属性rowspan=2,表明该单元格横跨两⾏,但是列⼤⼩不变(也就是⾏合并),这⾥设置完之后,需要注意的是,第三⾏就少⼀个单元格内容,所以在进⾏第三⾏添加的时候,添加的是⼀个单元格,⽽不是两个单元格。
实例演⽰:
中间两⾏两类的合并:
注意合并之后,单元格需要插⼊的个数不同⾏不同类合并:
总结:重点就是计算,在合并之后,每⾏还需要插⼊单元格的个数。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论