html - 如何在输入字段之间留出一个小空间？

Question

如何在输入字段之间留出一个小空间？只是不使用 Angular Material 示例中所示的表格。

<div class="content pt10" fxLayout="row" fxLayout.xs="column" fxFlexFill>
    <div fxFlex="50">
      <mat-form-field class="example-full-width">
        <input matInput type="text" placeholder="Test1">
      </mat-form-field>
    </div>
    <div fxFlex="50">
      <mat-form-field class="example-full-width">
        <input matInput type="text" placeholder=" Test2">
      </mat-form-field>
    </div>
  </div>

Answer 1

<div class="content pt10" fxLayout="row" fxLayout.xs="column" fxLayoutGap="10px">
        <div fxFlex>
          <mat-form-field class="example-full-width">
            <input matInput type="text" placeholder="Test1">
          </mat-form-field>
        </div>
        <div fxFlex>
          <mat-form-field class="example-full-width">
            <input matInput type="text" placeholder=" Test2">
          </mat-form-field>
        </div>
      </div>

您将使用 fxLayoutGap。如果你想增加间隙将增加 fxLayoutGap=20px 或 30px