我使用角材料垫表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.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。