您的位置：首页 > 其它

[转载]table合并单元格 colspan（跨列）和rowspan（跨行）

2014-12-29 16:22 381 查看
原文地址：table合并单元格 colspan（跨列）和rowspan（跨行）作者：314442481
colspan
和
rowspan
这两个属性用于创建特殊的表格。[/code]
colspan
是“column
span（跨列）”的缩写。
colspan
属性用在td标签中，用来指定单元格横向跨越的列数：在浏览器中将显示如下：
单元格1
单元格2单元格3单元格4
该例通过把
colspan
设为“3”,
令所在单元格横跨了三列。如果我们将
colspan
设为“2”，则该单元格将只跨越两列，于是有必要在第一行插入另外一个单元格，以确保两行占据相同的列数。该例在浏览器中将显示如下：
单元格1单元格2
单元格3单元格4单元格5

rowspan
的作用是指定单元格纵向跨越的行数。

浏览器中将显示如下：
单元格1单元格2
单元格3
单元格4
上例中的单元格1，其
rowspan
被设为“3”，这表示该单元格必须跨越三行（本身一行，加上另外两行）。因此，单元格1和单元格2在同一行，而单元格3和单元格4形成独立的两行。综合实例
ss
<html><head></head><table border= "1 "   width= "200 " ><tr><td colspan="4"  >ss</td></tr><tr><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td></tr><tr><td   width= "25% "rowspan="2"> 　 </td><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td></tr><tr><td   width= "25% "> 　 </td><td   width= "25% " rowspan="3"> 　 </td><td   width= "25% "> 　 </td></tr><tr><td   width= "25% " colspan="2"  > 　 </td><td   width= "25% "> 　 </td></tr><tr><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td><td   width= "25% "> 　 </td></tr></table></html>
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航