如何在一个 spry 选项卡式面板中居中选项卡？

Question

有没有办法将 spry 选项卡式面板的选项卡放在中间？

     +------+------+
     |Tab  1|Tab 2 |
     +------+------+
+-----------------------+
|         panel         |
|                       |
+-----------------------+

目前它们默认位于左侧。

Answer 1

根据这个例子： http://adobe.github.io/Spry/samples/tabbedpanels/tabbed_panel_sample.htm

<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
    <li class="TabbedPanelsTab TabbedPanelsTabSelected" tabindex="0">Tab 3</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 4</li>
</ul>

只需在 css 上工作，将这些规则添加到标签菜单的中心（我在 firebug 上尝试过）：

.TabbedPanelsTabGroup{
    text-align: center;
}
.TabbedPanelsTab{
    display: inline-block;
    float: none;
}