我在使用菜单项时遇到问题
:(
想要附上照片,但不允许所以如果没有它,问题就很愚蠢
我似乎无法更改下拉菜单的宽度,
我已经在我的头脑中包含了一个样式,并在其中包含了一个宽度属性
每个菜单项,但它们没有区别:
<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>
如果您希望宽度跟随您的内容,请使用此
ul.ui-menu-child {
white-space: nowrap;
width: auto !important;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)