Primefaces p：TabMenu将p：MenuItem向右对齐

Question

我将Java EE与JDK1.8、Maven和PrimeFaces一起使用。关于Primefaces的tabMenu，我有以下问题：如何将最后一个menuitem向右对齐？请看下面我的代码：

<p:tabMenu activeIndex="#{param.i}">
    <p:menuitem value="Login" outcome="/Person/PersonLogin.xhtml"
          icon="fa fa-sign-in"
          rendered="#{!personModel.personLoggedIn()}">
       <f:param name="i" value="#{(!personModel.personLoggedIn())?0:99}"/>
    </p:menuitem>
    <p:menuitem value="Register" outcome="/Person/PersonRegistration.xhtml"
          icon="fa fa-user-plus"
          rendered="#{!personModel.personLoggedIn()}">
       <f:param name="i" value="#{(!personModel.personLoggedIn())?3:95}"/>
    </p:menuitem>
    <p:menuitem value="#{personModel.usedAccount.balanceFormatted}"
          outcome="/Overviews/TransactionOverview.xhtml"
          style="float:right; margin-right: 30px; #{personModel.usedAccount.balance >=0 ? 'color:green;' : 'color:red;'}"
          rendered="#{personModel.personLoggedIn()}">
       <f:param name="i" value="#{(personModel.personLoggedIn())?123:94}"/>
   </p:menuitem>
</p:tabMenu>

此代码段style=“float：right；margin-right：30px；#{PersonModel.UsedAccount.Balance>=0？”color：green；“：”color：red；“}”在最后一个menuitem中仍未将其右侧对齐：

Answer 1

对我来说，以下工作（在6.0.x上的PF showcase中测试过）

.ui-tabmenuitem:last-child {
  float: right !important;
}

不过最好不要使用！重要，看看是否向menuItem或tabMenu添加样式类，并在选择器中使用它（没有时间尝试，抱歉）。

更新：正如@mismanc和OP所发现的，TabMenu不支持styleClass或相关的，但是class是支持的。因此如果您不希望在每个tabmenu上都显示此选项

<p:tabMenu class="flo">
   ...
</p:tabMenu>

.flo .ui-tabmenuitem:last-child {
    float: right;
}