在我的Angular Material应用程序中,我有一个包含多行(mat- list -item)的列表(mat-list)。
我试图阻止mat-list-item包装它们的内容。
例如,而不是这样:
IT架构师
在通用电气
它应该看起来像这样:
通用电气的
IT架构师
下面是html:
component.html:
<mat-list>
<mat-list-item class="no-wrap">
<h3 class="name"> {{firstName}} {{lastName}} </h3>
</mat-list-item>
<mat-divider></mat-divider>
<mat-list-item class="no-wrap" *ngIf="position && company"> {{position}} at {{company}} </mat-list-item>
<div class="gap"></div>
<mat-list-item class="no-wrap">
<mat-icon>email</mat-icon>
<span class="email"> {{email}} </span>
</mat-list-item>
</mat-list>
我试着用下面的CSS实现我的目标:
component.css:
.no-wrap {
word-wrap: break-word;
white-space: pre-wrap;
}
然而,这不起作用。
如何防止角度材质列表中的项目对其包含的文本进行换行?
https://stackoverflow.com/questions/52105058
复制相似问题