Primefaces菜单栏垂直分离器

Question

我正在使用PrimeFaces 3.5.p:toolbar(https://www.primefaces.org/showcase/ui/panel/toolbar.xhtml)中有一个垂直分隔符.

我想用垂直分隔符p:menubar.当我使用<p:separator />标签时p:menubar,它会形成一个水平分隔符.

我如何使用垂直分离器p:menubar？

谢谢.

Answer 1

我用下一个CSS做到了：

.ui-menu .ui-separator { 
   background: #A8A8A8; 
   border: none; 
   width: 1px; 
   clear: none; 
   height: 22px; 
   margin: 4px 6px 0; 
   box-shadow: none; 
}

关键是宽度和清晰。您可以根据自己的喜好调整高度、背景颜色和边距。