码迷,mamicode.com
首页 > 其他好文 > 详细

关于rowspan和colspan的区别;

时间:2015-03-31 18:05:40      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

rowspan表示横跨行(意思是上下合并),colspan表示横跨列(意思是左右合并)。  //比较难理解,但是很重要。

jsp代码如下:



<tr>
                <td rowspan="4">腾讯微信<br/><img src="${webUiUrl}/images/weixin.jpg" width="104" height="104" /> </a></td>      //此行表示横跨4行
                <td><a href="http://www.cost88.com/recjr/jr_index.html?reception_id=-5&reception_pid=5">中小微企业融资辅导</a></td>
                <td><a href="http://www.cost88.com/ylbx/yl_index.html?reception_id=-7&reception_pid=7">您的私人保险筹划专家</a></td>
                <td rowspan="4">新浪微博<br/><img src="${webUiUrl}/images/sina.png" width="104" height="104" /></td>
              </tr>
              <tr>  

                 //横跨第二行: 这一行没有,表示被腾讯微信横跨
                <td><a href="http://www.cost88.com/swrecfile/sw_file.html?reception_id=52&reception_pid=6">税务筹划在线维权</a></td>  
                <td><a href="http://www.cost88.com/recjr/jr_index.html?reception_id=-5&reception_pid=5">首创中小微企业金融综合服务平台</a></td>

                //横跨第二行:这一行没有,表示被新浪微博横跨
              </tr>
              <tr>

               //横跨第三行: 这一行没有,表示被腾讯微信横跨
                <td><a href="http://www.cost88.com/ylbx/yl_index.html?reception_id=-7&reception_pid=7">第三方保险咨询</a></td>
                <td><a href="http://www.cost88.com/recjr/jr_index.html?reception_id=-5&reception_pid=5">首创经济综合软技术服务平台</a></td>

             //横跨第三行:这一行没有,表示被新浪微博横跨
              </tr>
              <tr>

//横跨第四行: 这一行没有,表示被腾讯微信横跨
                <td><a href="http://www.cost88.com/international/index.html?reception_id=-9&reception_pid=9">中欧中小企业合作交流</a></td>
                <td>&nbsp;</td>

/横跨第四行: 这一行没有,表示被新浪微博横跨
              </tr>

关于rowspan和colspan的区别;

标签:

原文地址:http://blog.csdn.net/mll999888/article/details/44782287

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!