如何解决使用flex-boy布局时如何让容器在溢出时滚动?
我使用的是 Angular 材质 database.execSQL("INSERT INTO season " +
"VALUES(:id,:spring,:summer,:autumn,:winter,:spook) ");
。其中一个面板包括应在溢出时滚动的元素列表。但是,当我使用 flex-box 使面板占据剩余高度时,我无法为容器设置固定高度。
mat-expansion-panel
<mat-expansion-panel class="search" [expanded]="true">
<mat-expansion-panel-header>
<mat-panel-title>Søg i ingredienser</mat-panel-title>
</mat-expansion-panel-header>
<div class="search-field">
<mat-form-field appearance="fill">
<mat-label>Indtast søgeord</mat-label>
<input matInput type="text" [formControl]="searchQuery" (keydown.enter)="search()" autocomplete="off" />
<button mat-button matPrefix mat-icon-button (click)="search()">
<mat-icon>search</mat-icon>
</button>
</mat-form-field>
</div>
<div class="search-result" id="search-result" cdkDropList *ngIf="searched && searchResult.length > 0">
<fg-ingredient-card id="{{ ingredient.id }}" *ngFor="let ingredient of searchResult"
[nonDetailedIngredient]="ingredient" [detailed]="false" cdkDrag>
</fg-ingredient-card>
</div>
<p class="no-results" *ngIf="searched && searchResult.length === 0 && !searching">Ingen resultater fundet.</p>
<mat-spinner [diameter]="50" *ngIf="searching"></mat-spinner>
</mat-expansion-panel>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。