css - 如何自动调整primefaces子菜单的长度

Question

我创建了一个动态菜单<p:tieredMenu model="#{ServerGroupMgmtBean.model}" id="serverGroupMenu"/>。如果子菜单中有很多菜单项，则某些菜单无法显示在一行中。有什么解决方案可以解决这个问题吗？

Answer 1

您可以直接使用样式 css 更改项目的宽度，您可以通过Inspect element浏览器的功能获取组件的样式类，将此代码段添加到您的 faceslet 文件（.xhtml，...）中：

<style type="text/css">
  .ui-menu.ui-menu-parent.ui-menu-child{
     width: 120 % !important; // or anything you want
  }
</style>