Comment faire un petit espace entre les champs de saisie? Seulement sans utiliser la table comme indiqué dans l'exemple de matériau angulaire.
<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>
3 Réponses :
Vous pouvez simplement utiliser exemple: ou utilisez CSS pour augmenter la marge des blocs.
Voir https://www.w3schools.com/css/csss_margin.asp
J'ai vu que vous avez utilisé PT10 code> qui vous donnera 10 px remplissage sur le dessus, donc en fonction de cette logique, je vous suggère d'ajouter MB10 code> qui laissera la marge de 10px Espace en bas à votre première entrée. <div class="content pt10" fxLayout="row" fxLayout.xs="column" fxFlexFill>
<div class="mb10"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>
Moi a aidé mr10
<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>
you will use fxLayoutGap. if you want to increase the gap will increase fxLayoutGap=20px or 30px