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

Question

我有一个Jquery UI选项卡，我在点击第一个选择时显示另一个Jquery选项卡。我不想在这两个元素之间显示任何间距。现在当我点击菜单项1 时，它会显示另一个选项卡，它在父选项卡和子选项卡之间有很小的差距。它显示选项卡之间的细线，我该如何删除它。 这是小提琴Link

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

在这方面的任何帮助都将受到高度赞赏。

我的意思是这个空间

Answer 1

DEMO

$(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

DEMO

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

Answer 2

如果您的意思是第二个标签（内部标签），则：

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

Answer 3

你必须编辑subtabs的css

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

have updated your fiddle

Answer 4

你想要完成这样的事吗？

jsFiddle

我使用 CSS ：

#subtabs-buttons{
    padding:0;
}

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

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

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