在JQuery UI中向右对齐一个选项卡

Question

我有一组选项卡，表示表单的不同部分，全部对齐到左侧。当用户填写所有部分时，我希望他能够查看整个表单。

我正在使用jQuery UI选项卡来拆分不同部分中的部分。用户可以根据需要随意切换部分。

我现在想以下几点：

• 分区选项卡标题应该左对齐（这是jQuery UI的默认值）
• 打印概述选项卡标题应靠右对齐和（可能）有不同的风格

所以问题是：我如何更改jQuery UI中单个选项卡的样式？

Answer 1

你应该能够设置你想要右对齐的标签上id或class属性，那么你可以设置该ID或类的CSS，你可能需要您的自定义样式后使用!important使jQueryUI的样式表将您的设置

http://jsfiddle.net/4Xmkf/1/

覆盖这里是展示一个简单的例子

Answer 2

我想你可以用CSS做到这一点。如果您从<ul>构建标签，则只需在最后一个<li>（概述一）中添加一个类，然后使用CSS将其向右移动即可。

您应该可以使用该类来完成您想要的任何其他样式。

希望这会有所帮助！