我使用角材料垫表Flex,并且我希望不要这样显示额外的内容.
那就是我所拥有的：
而我想要的是：
我尝试使用text-overflow：省略号,但是如果有人有想法,这是行不通的,我对此很感兴趣.
谢谢
最佳答案
您可以将文本放在span元素内：
<mat-cell *matCellDef="let element" fxFlex="50">
<span class="ellipsis">{{element.weight}}</span>
</mat-cell>
并在该元素上应用文本溢出样式：
mat-cell > span.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
演示请参见this stackblitz.