JavaScript提高：003：easy UI实现tab页面自适应问题
浏览数：19 /
时间：2015年06月08日
前面说到使用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就能自适应页面了。郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
