primefaces menubar를 중앙화하는 방법은 무엇입니까?

Question

나는 primefaces menubar를 중앙 집중화 할 필요가있다. 나는 이것을 시도했다 : <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>