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进入下一行。
答案 0 :(得分:0)
删除所有<br>
标签并将其添加到组件CSS文件中:
mat-panel-title,
mat-panel-description,
span {
display: block;
}
Here 是一个有效的堆叠闪电战。