1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html表格table的单元格合并 即跨行跨列属性colspan rowspan

html表格table的单元格合并 即跨行跨列属性colspan rowspan

时间:2020-06-02 21:51:01

相关推荐

html表格table的单元格合并 即跨行跨列属性colspan rowspan

单元格合并,可以让表格具有多种可能性,更好的展示数据

合并单元格,要在上一个单元格操作,即合并单元格1和2,需要给单元格1加合并属性,并且删除单元格2

水平合并:colspan——合并水平方向的单元格,跨列

垂直合并:rowspan——合并垂直方向的单元格,跨行

<table align=center border=1 width=500px height=200pxcellspacing=0 ><!--cellspacing=0 单元格之间的距离为0,即单元格边框为长度为0--><tr><td colspan=2>单元格1单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td></tr><tr><td rowspan="2">单元格6单元格11</td><td>单元格7</td><td rowspan=3>单元格8单元格13单元格18</td><td colspan="2"rowspan="2">单元格9单元格10单元格14单元格15</td></tr><tr> <td>单元格12</td></tr><tr><td>单元格16</td><td>单元格17</td><td>单元格19</td><td>单元格20</td></tr></table>

表格结构展示:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。