【发布时间】：2013-06-07 08:15:30
【问题描述】：
我用<p:tieredMenu model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/> 创建了一个动态菜单。如果子菜单中有很多菜单项，则某些菜单无法显示在一行中。有没有办法解决这个问题？
【问题讨论】：
标签： css primefaces
【发布时间】：2013-06-07 08:15:30
【问题描述】：
你可以直接使用样式css来改变item的宽度，你可以通过浏览器的Inspect element函数获取组件的样式类，将这个sn-p代码添加到你的faceslet文件(.xhtml,...)中：
<style type="text/css">
.ui-menu.ui-menu-parent.ui-menu-child{
width: 120 % !important; // or anything you want
}
</style>
【讨论】：
-
有人知道如何为包含多个子菜单的菜单中的 一个 子菜单执行此操作吗？
-
@KevinRahe 你可以使用
CSS :first-child Selector。 -
@user2248738 请标记为答案以关闭此问题！