保持 PrimeNG p 菜单栏保持在视口内

Answer 1

如果您想更深入地设置 primeng 组件的样式，则必须使用 styleClass 属性引用要设置样式的项目。

例如：
p-card 主体细分如下 p-card > p-card-body > p-card-content。
您可以通过添加相应的 p-card-body 来轻松修改 p-card-body :

<p-card>
    <ng-template pTemplate="body">card body</ng-template>
</p-card>

有时 primeng 允许您使用相应的 pTemplate 属性来重载模板，有时由于内部 css 重载而不起作用。

然后您可以使用 styleClass 属性来指定要修改的元素：

<p-card styleClass="main-card">main card content</p-card>

.main-card .p-card-body .p-card-content {
    padding: 0;
}

当然，cou 也可以使用简单的类属性来设置 ng-tamplate 标签内内容的样式。