<br> 未在 mat-expansion-panel-header 中应用答案

【问题标题】：<br> is not being applied in mat-expansion-panel-header<br> 未在 mat-expansion-panel-header 中应用
【发布时间】：2019-07-21 23:25:17
【问题描述】：

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 到下一行。

【问题讨论】：

标签： angular angular-material

【解决方案1】：

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

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

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

【讨论】：

嘿，在我添加了一个
标签并将 span 标签包含在其中之后，它就起作用了。谢谢。
这为我指明了正确的方向，谢谢。我建议使用 .mat-expansion-panel-header .mat-content 而不是通用跨度选择器。