Question

我有一个PrimeNG菜单栏组件，我希望我的项目在右侧，它们当前在左侧，如何将它们向右对齐？在这种情况下，我想将它们全部对齐到右侧，而不仅仅是特定的

"react": "16.11.0",
"react-native": "^0.62.2",
"react-native-calendars": "^1.403.0",

<p-menubar [model]="items">
</p-menubar>

我尝试通过以下方式修改export class NavigationComponent implements OnInit { items: MenuItem[]; constructor() { } ngOnInit(): void { this.items = [ { label: 'Solicitudes (5)', icon: 'pi pi-fw pi-clock' }, { label: 'FrankHesse', icon: 'pi pi-fw pi-user', items: [ { label: 'Perfil', icon: 'pi pi-fw pi-user' }, { label: 'Salir', icon: 'pi pi-fw pi-power-off' } ] } ]; } }文件

styles.scss

mercadeoucab是index.html文件中我的身体的ID，但是它什么也没做，我该怎么做？

Answer 1

尝试以这种方式覆盖PrimeNG CSS：

::ng-deep .p-menubar {
  height: 50px;

  p-menubarsub {
    position: absolute;
    right: 40px;
  }
}

请参见demo

PrimeNG，右侧的菜单栏项目

1 个答案: