Jquery选项卡 - 选项卡太多

Question

我正在使用JQuery标签。问题是当标签太多时，一些标签被挤到下一行，布局看起来很奇怪。我没有设置标签<div>的“宽度”属性。无论如何让<div>自动拉伸而不是将标签挤到下一行？

感谢您的帮助

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;
}

Answer 2

在我看了一下css文件并稍微使用了这个样式之后，我需要将“display：inline”添加到“.ui-tabs .ui-tabs-nav li”

此外，当选项卡太多时，某些选项卡会下推到新行。如果单击第一个选项卡中的某个项目，某些选项卡可能会移动。我通过删除“.ui-tabs .ui-tabs-nav li.ui-tabs-selected”中的“padding-bottom”来解决这个问题。