首页 > 代码库 > JavaScript提高：003：easy UI实现tab页面自适应问题
JavaScript提高：003：easy UI实现tab页面自适应问题
前面说到使用easyUI在asp.net中实现了tab控件效果。
http://blog.csdn.net/yysyangyangyangshan/article/details/38307477
不过有一个问题，div的宽度太宽了，而且不随页面变化而改变。
网上搜索了下，发现很多人也碰到过，而且也有解决的办法。下面看看吧。
实现tab的部分代码如下：引用的easyui文件参考上文。
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({
width: $("#tabTop").parent().width(),
height: "auto"
});
</script>这样div就能自适应页面了。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。