如何避免天使<mat>中的文本重叠

Question

我对角的和相关的有一个问题。也就是说，在中的文本与其他项的文本重叠，例如，当的宽度很小时，或者在调整浏览器窗口大小时。

我现在的问题是:我需要做哪些调整(可能是在CSS中)，这样文本就像< div >那样向下扩展。

谢谢，如果有任何信息丢失，请告诉我！

与<>一起使用：

​

​

​

<mat-list>
    <mat-list-item>This is a very long text to check for overlapping. This is a very long text to check for overlapping. This is a very long text to check for overlapping.</mat-list-item>
    <mat-list-item>This is a very long text to check for overlapping. This is a very long text to check for overlapping. This is a very long text to check for overlapping.</mat-list-item>
    <mat-list-item>This is a very long text to check for overlapping. This is a very long text to check for overlapping. This is a very long text to check for overlapping.</mat-list-item>
</mat-list>

​

与< div >一起：

​

​

​

<div>
    This is a very long text to check for overlapping. This is a very long text to check for overlapping. This is a very long text to check for overlapping. This is a very long text to check for overlapping.
</div>

​

Answer 1

答案是将< mat-list >的高度设置为"auto“，并加上”！mat“。

​

.wrapper {
  height: auto !important;
}

​