Jquery 选项卡 - 选项卡太多

标签 jquery jquery-ui-tabs

我正在使用 JQuery 选项卡。问题是当选项卡太多时,一些选项卡会被挤到下一行,布局看起来很奇怪。我没有设置 <div> 的“宽度”属性选项卡的。无论如何都有<div>自动拉伸(stretch)而不是将选项卡挤压到下一行?

感谢您的帮助

最佳答案

如果我查看提供的 CSS 主题,我会尝试一下:

.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }

尝试这样的事情:

.ui-tabs .ui-tabs-nav li {
width:auto;
min-width:auto;
}

关于Jquery 选项卡 - 选项卡太多,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/674984/

相关文章:

jquery滚动到顶部动画

jquery - 单击监听器类,稍后将创建该监听器类

Javascript 在使用 Ajax 加载的 jQuery UI 选项卡中不起作用

jquery-ui - 禁用使用箭头键导航

php - jQuery 无法更改 Bootstrap 的数据放置

javascript - jQuery 可拖动小部件不触发拖动事件

javascript - jquery ui 选项卡位于顶部和底部

javascript - jquery ui ajax 选项卡 - 重新加载选项卡或更改选项卡位置?

javascript - 将 jquery 应用于加载到 div 的页面

javascript - JQuery UI 选项卡 - 修改选项卡的链接