gpt4 book ai didi

css - 如何减少清晰堆栈组件标签的宽度

转载 作者:行者123 更新时间:2023-11-28 10:29:42 24 4
gpt4 key购买 nike

如何减小清晰堆栈组件标签的宽度

https://vmware.github.io/clarity/documentation/stack-view

我在选择器中添加了以下自定义样式,但没有成功

添加的样式:

.myStyle {
max-width: 10% !important;
flex-basis: 10% !important;
}

最佳答案

请引用这个Plnkr:https://plnkr.co/edit/gUm8yInQN9DSbO6K8nCE?p=preview (查看app.component.css文件)

::ng-deep .stack-view .stack-block-label {
flex: 0 0 20%;
}

您需要使用 ::ng-deep 组合器,否则样式将不会应用到组件中。 Angular 文档中提到了这一点:https://angular.io/guide/component-styles (搜索 ::ng-deep)

关于css - 如何减少清晰堆栈组件标签的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46169948/

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