这是现在堆叠筹码的方式:
左边的空间明显小于右边的空间。我怎样才能使筹码居中,使两侧的边距均匀?我尝试将自定义css类与text-align: center
和vertical-align:middle
一起使用,但没有一个起作用。
编辑:以下代码供参考:
<mat-form-field class = "chiplist" *ngIf="advancedFilterList.length > 0">
<mat-chip-list class="mat-chip-list-stacked" aria-orientation="vertical">
<mat-chip *ngFor="let advancedFilter of advancedFilterList" [selectable]="selectable"
[removable]="removable" (removed)="remove(advancedFilter)" (click)="changeUnitSymbolAndPopulateFieldsWithSelectedFilterData(advancedFilter)">
<mat-icon matChipRemove>cancel</mat-icon>
<div [innerHTML]="getFullFilterDescription(advancedFilter)"></div>
</mat-chip>
</mat-chip-list>
</mat-form-field>
答案 0 :(得分:0)
您应该删除类别“ mat-chip-list-stacked ”,因为它的宽度为100%,所以您已经看到Mat-chip居中了。如果要添加CSS,请创建自己的类并添加相应的样式