Jquery ui 如何将jQuery UI选项卡居中对齐-带有屏幕截图

有人知道如何将标签对准中心吗

（它们默认为左对齐，我在文档中找不到对齐选项）

下面是我使用它对一些图表进行分组的地方，当前代码如下：

$('#chart_tabs').tabs();

更新：CSS代码：

.ui选项卡.ui选项卡导航{
文本对齐：居中；
}
.ui选项卡.ui选项卡导航li{
浮动：无！重要；
显示：内联块；
}

Didier建议（谢谢）将标签居中对齐，但也在标签下方留出了一些奇怪的间隙——“按钮”：

---

在过去的日子里，这个剪下来的东西帮了我的忙

.centered .ui-tabs-nav {
    height: 2.35em;
    text-align: center;
}
.centered .ui-tabs-nav li {
    display: inline-block;
    float: none;
    margin: 0em;
}

---

也许这也适用于您

最简单的方法是在容器（UL元素）上应用

文本对齐：居中

，然后解除LI:

.ui-tabs .ui-tabs-nav {
    text-align: center;
}

.ui-tabs .ui-tabs-nav li {
    float: none !important;
    display: inline-block;
}

---

这对我很有效，避免了您提到的间隙（标签下方）：

.ui-tabs-nav {
  float: none; text-align: center;  
}

.ui-tabs-nav li {
  display: inline-block; float: none;  
}

.ui-tabs-nav li a {
  float: none;
} 

---

谢谢，但这在我尝试过的所有浏览器上都增加了一个奇怪的缺口（请参阅上面更新的问题）。。。知道为什么吗？这对我很有效，谢谢！在我指定了

…

.ui-tabs .ui-tabs-nav {
  text-align: center;
}

.ui-tabs .ui-tabs-nav li {
  float: none !important;
  display: inline-block;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -8px;
}

.ui-tabs .ui-tabs-nav li {
  margin: 1px .2em -7px 0;
}