调整jQuery选项卡面板的大小
调整jQuery选项卡面板的大小
提问于 2012-07-12 06:12:29
)
我使用的是jQuery标签，我喜欢标签左对齐的方式，顶部橙色的部分占据了分配宽度的100%。但是有些事情，当我点击标签时，下拉面板只有一半的页面信息。
如何调整面板大小，使所有面板只占页面的一半？
回答 1
Stack Overflow用户
发布于 2012-07-12 18:10:44
您可以简单地将类样式添加到每个可显示的选项卡内容，并限制其高度。
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1" class="tabview">
Tab1 content
</div>
<div id="fragment-2" class="tabview">
Tab2 content
</div>
<div id="fragment-3" class="tabview">
Tab3 content
</div>
</div>以及CSS样式，必要时还会显示滚动条：
.tabview {
height: 50px;
overflow: auto;
} 这是一个有效的JSFiddle：http://jsfiddle.net/Fhhu5/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11442292
复制相关文章
相似问题
腾讯云开发者
