jquery - Jquery 选项卡 - 选项卡太多

Question

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

谢谢您的帮助

Answer 1

如果我查看提供的 CSS 主题，我会玩弄：

.ui-tabs .ui-tabs-nav li { 位置：相对；向左飘浮; 边框底部宽度：0！重要；边距：0 .2em -1px 0；填充：0；}
.ui-tabs .ui-tabs-nav li a { float: left; 文字装饰：无；填充：0.5em 1em；}

尝试类似：

.ui-tabs .ui-tabs-nav li {
宽度：自动；
最小宽度：自动；
}

Answer 2

在我查看了一个 css 文件并尝试了一下样式之后，我需要将“display:inline”添加到“.ui-tabs .ui-tabs-nav li”

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