由于 td 的 colspan导致的问题

请大家帮忙看看这段HTML,这是从GridView生成的HTML摘出来的,我用了PagerTemplate, 由于pager那一个的td 合并了其他列设置了 colspan,而且这个pager内容比较多,比较宽,导致了第一列
None.gif < td  style ="width:20px;" >
None.gif                    
< span  title ="全选" >< input  id ="grdvRole_ctl01_chkAll"  type ="checkbox"  name ="grdvRole$ctl01$chkAll"  onclick ="onChkAll(this, 'chkItem');"   /></ span > 全选
None.gif                
</ td > None.gif
占据了不只 20px,但是实际上还是20px,因为“全选”两个字已经换行了。

我已经手动建了一个table,然后也是让合并列的内容宽于非合并列的宽度,同样会导致如此的问题。

HTML:(省略了ItemTemplate 的内容)
None.gif < table  cellspacing ="0"  rules ="all"  border ="1"  id ="grdvRole"  style ="width:100%;" >
None.gif        
< tr >
None.gif            
< td  style ="width:20px;" >
None.gif                    
< span  title ="全选" >< input  id ="grdvRole_ctl01_chkAll"  type ="checkbox"  name ="grdvRole$ctl01$chkAll"  onclick ="onChkAll(this, 'chkItem');"   /></ span > 全选
None.gif                
</ td >< td > 名称 </ td >< td >
None.gif                    
< id ="grdvRole_ctl01_btnDelete"  href ="javascript:__doPostBack('grdvRole$ctl01$btnDelete','')" > 删除 </ a >
None.gif                
</ td >
None.gif        
</ tr >
None.gif        
< tr >
None.gif            
< td  colspan ="3" >                   
None.gif                  
< span  id ="grdvRole_ctl13_lblPageIndex"  title ="当前页数"  class ="pager-lbl" > 第1/ </ span >                                 
None.gif                    
< span  id ="grdvRole_ctl13_lblPageCount"  title ="所有页数"  class ="pager-lbl" > 2页 </ span >             
None.gif                    
< span  id ="grdvRole_ctl13_lblPageSize"  title ="每页项数"  class ="pager-lbl" > 每页10项 </ span >                     
None.gif                    
< span  id ="grdvRole_ctl13_lblItemCount"  title ="所有项数"  class ="pager-lbl" > 共14项 </ span >
None.gif                    
< id ="grdvRole_ctl13_btnFirst"  title ="首页"  class ="pager-lnk"  href ="javascript:__doPostBack('grdvRole$ctl13$btnFirst','')" > 首页 </ a >
None.gif                  
< id ="grdvRole_ctl13_btnPrev"  title ="上一页"  class ="pager-lnk"  href ="javascript:__doPostBack('grdvRole$ctl13$btnPrev','')" > 上一页 </ a >
None.gif                 
< id ="grdvRole_ctl13_btnNext"  title ="下一页"  class ="pager-lnk"  href ="javascript:__doPostBack('grdvRole$ctl13$btnNext','')" > 下一页 </ a >                           
None.gif                 
< id ="grdvRole_ctl13_btnLast"  title ="尾页"  class ="pager-lnk"  href ="javascript:__doPostBack('grdvRole$ctl13$btnLast','')" > 尾页 </ a >                                             
None.gif                 
< input  name ="grdvRole$ctl13$txtNewPageIndex"  type ="text"  value ="1"  id ="grdvRole_ctl13_txtNewPageIndex"  title ="请输入页码"  class ="pager-txt"  style ="width:20px;"   />
None.gif                 
< id ="grdvRole_ctl13_btnGo"  title ="跳到"  class ="pager-lnk"  href ="javascript:__doPostBack('grdvRole$ctl13$btnGo','')" > GO </ a >                                                             
None.gif             
None.gif        
</ td >
None.gif        
</ tr >
None.gif    
</ table >

IE浏览的效果:
colspans.JPG 

FF的效果确实争正确的:
colspans_ff.JPG
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值