zoukankan      html  css  js  c++  java
  • JavaScript提高:003:easy UI实现tab页面自适应问题

    前面说到使用easyUI在asp.net中实现了tab控件效果。
    http://blog.csdn.net/yysyangyangyangshan/article/details/38307477
    只是有一个问题,div的宽度太宽了。并且不随页面变化而改变。


    网上搜索了下,发现非常多人也碰到过。并且也有解决的办法。

    以下看看吧。


    实现tab的部分代码例如以下:引用的easyui文件參考上文。

      <div id="tabTop" class="easyui-tabs">
        <div title="星期一">
        </div>
        <div title="星期二">
        </div>
    </div>
    解决方法例如以下:删除class。使用例如以下js。


      <script type="text/javascript">
          $('#tabTop').tabs({
               $("#tabTop").parent().width(),
              height: "auto"
          }); 
      </script>
    这样div就能自适应页面了。



  • 相关阅读:
    9.17考试
    Something
    tesuto-Mobius
    7.22考试
    填坑...P1546 最短网络 Agri-Net
    P1125 笨小猴
    P2822 组合数问题
    致我们曾经刷过的水题
    Luogu P1186 玛丽卡
    Luogu P1726 上白泽慧音
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/5354805.html
Copyright © 2011-2022 走看看