1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 06 - table表格标签+ 行合并+列合并

06 - table表格标签+ 行合并+列合并

时间:2021-12-03 11:12:19

相关推荐

06 - table表格标签+  行合并+列合并

1、table 表格标签属性

在小程序中查看

cellspacing="0" 表格边框合并;

表格:table

行:tr

列:td

属性:

border:边框

width:宽

height:高

bordercolor:变宽颜色

cellspacing:单元格与单元格之间的距离

cellpadding:单元格与内容之间的距离

align:水平的对齐方式,left|center|right

<tableborder="1"width="300"height="200"bordercolor="red"cellspacing="0"cellpadding="0"align="center"><tr><td align="center">1</td><td>2</td><td>3</td></tr><tr><td>21</td><td>22</td><td>23</td></tr></table>

2、行合并

<!-- table>tr*3>td*3 --><table border="1" width="600" height="300" cellspacing="0"><tr><td></td><td></td><!--表格合并:行合并(rowspan),列合并(colspan)不管是行合并还是列合并,都是给td添加如果是行合并,就删除下一行对应td--><td rowspan="3"></td></tr><tr><td></td><td></td><!-- <td></td> --></tr><tr><td></td><td></td><td></td></tr></table>

3、列合并

<table border="1" width="600" height="300" cellspacing="0"><tr><!--列合并:删除本行下面的td<td colspan="n"></td>需要删除的就是n-1 td--><td></td><td colspan="2"></td><!-- <td></td> --></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>

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