将 PrimeFaces 的“p:tabView”右对齐

【问题标题】：Aligning PrimeFaces' "p:tabView" to the right将 PrimeFaces 的“p:tabView”右对齐
【发布时间】：2011-11-02 15:50:28
【问题描述】：

有没有办法让标签向右对齐？

我尝试使用 style="text-align:right;"，就像他们在 yui 中所做的那样 - 但它似乎不起作用。

【问题讨论】：

【解决方案1】：

为了解决这个问题，我们需要重写 Primefaces 的 jquery-ui.css 属性。

1.创建一个新的css包含：

.ui-tabs .ui-tabs-nav li{float:right!important;}

（命名为tab_view_align_right.css，放在web/resources/css下）。

2.添加

<h:head>
    <h:outputStylesheet name="css/tab_view_align_right.css"/>
</h:head>

到 JSF 文件。

【讨论】：

【解决方案2】：

我知道这是一篇旧帖子，但我找到了新的解决方案：

<p:tab titleStyle="float:right".../>

【讨论】：