jquery - 删除 2 个 jquery 选项卡之间的填充

Question

我有一个 Jquery UI 选项卡，并在单击第一个选项时显示另一个 Jquery 选项卡。我不想显示这两个元素之间的任何间距。现在，当我单击菜单项 1时，它显示另一个选项卡，该选项卡在父选项卡和子选项卡之间几乎没有间隙。它在选项卡之间显示细线，我该如何删除它。这是小提琴链接

我试过这个$("div.ui-tabs-panel").css('padding','0px');但没有帮助。

在这方面的任何帮助将不胜感激。

我是说这个空间

Answer 1

演示

$(function () {
    $("#tabs-buttons").tabs();
    $("#subtabs-buttons").tabs();
    $("div.ui-tabs-panel").css('margin', '0px');
    $('#tabs-1').css('padding', '0');
    $('#tabs-1 div').css('padding-top', '0');
});

或者

CSS

演示

#tabs-1{
    padding:0;
}
#tabs-1 div{
    padding-top:0;
}

Answer 2

如果您的意思是第二个选项卡（选项卡内），那么：

#subtabs-buttons ul{padding: 0}
#subtabs-buttons li {margin: 0}

Answer 3

您必须编辑子选项卡的 css

#subtabs-buttons {padding-top : 0px; padding-left : 0px;}

更新了你的小提琴

Answer 4

你想完成这样的事情吗？

jsFiddle

我使用了 CSS：

#subtabs-buttons{
    padding:0;
}

我不确定这就是你要找的东西。

您还可以使用以下代码在子选项卡文本和边框之间添加填充：

#stabs-1 p {
    padding: 5px;
}