<br/>不适用于mat-expansion-panel-header

时间:2019-02-28 05:37:17

标签: angular angular-material

The Image shows how break is not being applied

<mat-expansion-panel>
   <mat-expansion-panel-header [collapsedHeight]="'70px'">
      <mat-panel-title>
         <span class="Text">Room 03</span><br>
        <span class="link" style="opacity:0.7">A/C</span>
      </mat-panel-title>
      <mat-panel-description>
        <span class="link" style="opacity:0.7">Beds Available</span><br>
        <span class="Text">2/4</span><br>
      </mat-panel-description>
   </mat-expansion-panel-header>
</mat-expansion-panel>

在此代码中,未应用
标记。请在问题开始时检查图像。我希望A / C和2/4进入下一行。

1 个答案:

答案 0 :(得分:0)

删除所有<br>标签并将其添加到组件CSS文件中:

mat-panel-title,
mat-panel-description,
span {
  display: block;
}
  

Here   是一个有效的堆叠闪电战。