Jquery选项卡 - 选项卡过多

Question

我正在使用 JQuery 标签页。问题是当有太多标签时，一些标签会被挤到下一行，布局看起来很奇怪。我没有设置标签页的 <div> 的 "width" 属性。是否有任何方法可以使 <div> 自动拉伸，而不是将标签挤到下一行？

感谢您的帮助。

- David

Answer 1

如果我查看提供的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;
}

- pixeline

Answer 2

在查看了css文件并进行了一些样式调整后，我需要在“.ui-tabs .ui-tabs-nav li”中添加"display:inline"。

另外，当有太多的标签时，某些标签会被推到新的一行。如果我点击第一个标签中的项目，则可能会移动某些标签。我通过在“.ui-tabs .ui-tabs-nav li.ui-tabs-selected”中删除“padding-bottom”来解决这个问题。

- David