gpt4 book ai didi

css - 控制 mat-chip 的高度

转载 作者:行者123 更新时间:2023-12-05 08:30:48 26 4
gpt4 key购买 nike

如何改变 Angular Material 芯片的高度?

<mat-chip-list>
<mat-chip>Example</mat-chip>
</mat-chip-list>

默认实现将最小高度设置为 32 像素 enter image description here

最佳答案

默认情况下,mat-chip 将具有 min-height: 32pxheight: 1px。如果 mat-chip 下的文本/段落较长,您将收到默认的 min-height: 32px

所以你可以通过将它设置为 auto 来控制高度,如下所示,在你的 CSS 中,

.mat-standard-chip {    
height: auto !important;
}

如果您想使用具有类名/ID 的特定芯片,您可以对一些像素使用相同的高度属性。示例:

.small-chip {
height: 20px !important;
}

关于css - 控制 mat-chip 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62529575/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com