Primefaces menubar menuitem 宽度

Question

我的菜单项有问题
:(

想包括一张照片，但不允许
所以没有它的问题是愚蠢的

我似乎无法更改下拉菜单的宽度，
我在我的脑海中包含了一个样式，并在其中包含了一个宽度属性
每个菜单项，但它们没有任何区别:

<style>
ui-menu .ui-menu-parent .ui-menu-child
{
    width: 400px; /* exagerated !! */
}
</style>

当菜单项突出显示时，选择栏的宽度是正确的!

任何线索???，这是一个示例菜单栏

<p:menubar>
    <p:submenu label="Menu 1"
        style="text-align: left;">

        <p:menuitem ajax="false" 
                    action="/Page1"
                    value="Page 1" 
                    style="width: 350px;"/>

        <p:menuitem ajax="false" 
                    action="/too_long_page"
                    value="Some really long menu text that is far too long"
                    style="width: 350px;" />

        <p:menuitem ajax="false" 
                    action="/too_long_page"
                    value="Some really long menu text that is far too long"
                    style="width: 350px;" />

    </p:submenu>
    <p:menuitem ajax="false" 
                action="/Page2"
                value="Page 2" />
</p:menubar>

Answer 1

如果您希望宽度跟随您的内容，请使用此

ul.ui-menu-child {
    white-space: nowrap;
    width: auto !important;
}