java - プライムフェイスのメニューバーを一元化するには?

Question

プライムフェイスのメニューバーを一元化する必要があります。私はこれを試しました：<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>