css - 当面板缩小时，mat-panel-description 不适合

Question

我的 HTML 中有一个垫子面板，它的描述从 TS 中获取一个变量来填充。问题是，然后我缩小面板并且描述太长，文本在顶部和底部被剪切。我怎样才能做到这一点，当面板收缩时，它被迫收缩不超过描述的总高度？

HTML：

<mat-expansion-panel-header>
      <mat-panel-title>
        Filtri
      </mat-panel-title>
      <mat-panel-description>
        {{filteredDescription}}
      </mat-panel-description>
    </mat-expansion-panel-header> 

Answer 1

你应该{{filteredDescription}}用 p 标签换行。

html

<p class="yourClass">
 {{filteredDescription}}
</p>

css

.yourClass {
    width: 85%;
}