Angular mat-form-field 输入和标签

Question

我使用有角度的材料组件来制作表格，所以我使用了 mat-form-field。

我想要左边的标签和右边的文本输入字段。 我怎样才能做到这一点？ 在官方文档的示例中，这是不可能的。

html

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

预期结果： https : //i.stack.imgur.com/5r63Z.jpg

Answer 1

您可以使用 Flexbox CSS： https ://css-tricks.com/snippets/css/a-guide-to-flexbox/

你会有这样的事情：

 .row { display: flex; flex-direction: row; }

 <div class="container"> <mat-form-field class="row" appearance="legacy"> <mat-label>Nom:</mat-label> <input matInput formControl="nom"> </mat-form-field> </div>