时间戳

首页 > 解决方案 > 如何在输入字段之间留出小空间？

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

问题描述

如何在输入字段之间留出小空间？仅不使用 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>

标签： htmlcssangular-materialangular-flex-layout

解决方案

你可以简单地使用

<br>

例子：

<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>
    <br>
    <div fxFlex="50">
      <mat-form-field class="example-full-width">
        <input matInput type="text" placeholder=" Test2">
      </mat-form-field>
    </div>
  </div>

或使用 css 增加块的边距。见https://www.w3schools.com/css/css_margin.asp

推荐阅读