Question

为我的项目使用jQuery UI，我似乎无法找到CSS来删除实际标签和标签内容之间的10 px左右的空格。

感谢任何帮助。

Answer 1

在你的css文件/定义中试试这个

.ui-tabs .ui-tabs-nav li {    
    margin: 1px 0 0 0 !important;
}

Answer 2

您想要定位.ui-tabs .ui-tabs-panel并移除顶部填充;这是此选择器的默认样式：

.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;

这里有一个fiddle demonstrating a basic tabs widget，其中有一个示例黑框，就像你图片中的黑框一样。

我强烈建议不要使用!important覆盖任何样式，特别是关于jQuery UI小部件，因为脚本会生成动态选择器（在某些情况下）具有高度的特异性。 / p>

我写了关于如何设置jQuery选项卡样式的an article on Medium;虽然与您现有的问题没有直接关系，但我确实触及了窗口小部件的特定动态类。如果您正在寻求进一步的帮助，它可能会对您有所帮助。

干杯！

Answer 3

我终于解决了这个问题，很多浪费时间挖掘CSS只是为了弄清楚这是一个奇怪的'<p></p>标记在这一行中设置： tabs.append( "<div id='" + id + "'><p>" + tabContentHtml + "</p></div>" );

所有其他答案都很好，我没有发布足够的代码示例，让其他人有机会找到解决方案。我不确定是谁给出了答案，所以我回答了自己，因为这实际上解决了这个问题。

感谢其他回复信息的人。