角度垫标签和并排输入

  • 本文关键字:标签 html css angular
  • 更新时间 :
  • 英文 :


如何让mat-label和input并排?我还需要它在列中,因为我有几个输入,但我不能让标签和输入并排。

谢谢。

<form [formGroup]="form">
<div class="form-nom">
<mat-form-field appearance="legacy">
<mat-label>Nom</mat-label>
<input matInput formControl="nom">
</mat-form-field>
</div>
</form>

css

form {
display: flex;
flex-direction: column;
}
.form-nom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
<div>
<label>Float label: </label>
<mat-form-field>
<input matInput />
</mat-form-field>
</div>

相关内容

  • 没有找到相关文章

最新更新