在JQuery UI中将一个选项卡对齐到右侧

时间:2011-03-02 22:24:20

标签: jquery jquery-ui alignment jquery-ui-tabs

我有一组标签,代表表单的不同部分,全部对齐到左侧。当用户填写所有部分时,我希望他能够查看整个表单。

我正在使用jQuery UI选项卡来分割不同部分的部分。用户可以根据需要在各部分之间切换。

我现在想要以下内容:

  • 部分标签页眉应该左对齐(这是jQuery UI的默认设置)
  • 打印概览标签页眉应与右侧对齐,并且(可能)具有不同的样式

所以问题是:如何在jQuery UI中更改单个选项卡的样式?

2 个答案:

答案 0 :(得分:18)

您应该能够在要对齐的选项卡上设置idclass属性,然后可以为该ID或类设置css,您可能需要使用{{1在自定义样式之后,将使用您的设置覆盖jqueryui样式表

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

这是一个显示简单示例的jsfiddle

答案 1 :(得分:0)

我认为你可以用CSS做到这一点。如果您从<ul>构建标签,那么只需将一个类添加到最后一个<li>(概述一个),然后使用CSS将其浮动到右侧。

您应该能够使用该类来执行您想要的任何其他样式。

希望这有帮助!