Блог

как сделать так, чтобы мат-метка и ввод были рядом? Мне также нужно, чтобы это было в столбце, потому что у меня есть несколько входных данных, но я не могу получить метку и ввод рядом.

Спасибо.

HTML

 <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>