如何集中primefaces菜單欄？

Question

我需要集中primefaces菜單欄。我試過這個：<p:menubar style="text-align: center !important">但它沒有工作。

請幫忙！

Answer 1

要在菜單欄中心元件（又名中間內容），我想你會這樣，因爲酒吧是100％寬度。 在facelet裏添加「的styleClass」屬性菜單欄：

<p:menubar styleClass="centeredMenuBar"> 

，並在CSS文件中只需添加：

.centeredMenuBar.ui-menubar { 
    text-align: center; 
} 

.centeredMenuBar .ui-menu-list { 
    display: inline-block; 
} 

Answer 2

中心菜單欄，而不是內容（從primefaces修改展示）：

<p:menubar style="width: 100px; margin-left:auto; margin-right:auto;"> 
     <p:submenu label="Blah" icon="ui-icon-document" /> 
     <p:submenu label="Blah2" icon="ui-icon-document" /> 
     <p:menuitem value="Quit" url="http://www.primefaces.org" 
      icon="ui-icon-close" /> 
    </p:menubar>