对齐角度材料表单域和分页符
对齐角度材料表单域和分页符
提问于 2018-06-09 00:25:06
我正在尝试在同一行上对齐角度材料mat-form-field和mat-paginator。我希望表单域向左齐平，分页器向右齐平。按原样填充太多了。有人能帮上忙吗？
<div class="container-fluid">
<div class="row">
<div class="col-6">
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search:">
</mat-form-field>
</div>
<div class="col-6">
<mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
</div>
</div>
</div>
回答 1
Stack Overflow用户
发布于 2018-06-10 10:30:14
问题解决了。我为行添加了css样式。
.spaceBetweenFlex {
display: flex;
flex - direction: row;
justify - content: space - between;
}<div class="container-fluid">
<div class="row">
<div class="col-12 spaceBetweenFlex">
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search:">
</mat-form-field>
<div> </div>
<mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
</div>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50764844
复制相关文章
相似问题
腾讯云开发者
