EasyUI 动态tab页界面小结

在项目中用到了easyui的动态tab页,起初右侧tab页面太小,后来做了如下调整算是大小搞定,打到期望值

一.添加如下js代码

  1. <script type="text/javascript">  
  2.         $(document).ready(function () {  
  3.             $('#tabcontainer').tabs({ fit: true });        
  4. </script>  

二.在要嵌入的tab页面中设置页面的高度,设一个固定值。eg:
  1. @{  
  2.     ViewBag.Title = "Home Page";  
  3. }  
  4.   
  5. <div style="height:500px">  
  6.     <h2>@ViewBag.Message</h2>  
  7.     <p>  
  8.         To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.  
  9.     </p>  
  10. </div>  

但是又出现新问题了,出现了本不应该出现的滚动条,如下图所示:


页面右侧本该只有一个滚动条就够,结果tab页外层多了一个滚动条,一直搜索无果,也不知是何原因,最后无意添加了如下代码,发现能解决上述问题,不过不清楚为何。现供大家参考,有什么问题,请多指教。

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
原文:https://i-blog.csdnimg.cn/blog_migrate/f8cc10ceeacdfcb0e33509007d8821cf.png

相比原来,多加了 public 和xmlns属性。

听朋友说这是跟版本有关系。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值