如何使jQuery UI选项卡居中对齐 - 使用屏幕截图

Question

有没有人知道如何在jQuery UI标签中居中对齐标签？

(默认情况下它们是左对齐的,我在doc中找不到对齐选项)

这是一个页面,我用它来组合一些图表,当前的代码很简单:

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

更新: CSS代码:

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

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

Didier建议(谢谢)将标签中心对齐,但也在标签 - "按钮"下面放了一些奇怪的空白:

Answer 1

在这些日子里,这个剪断帮我回来了..

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

也许这也适合你

Answer 2

最简单的方法是text-align: center在容器上应用(UL元素)并释放LI:

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

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