Comment puis-je aligner verticalement dans le centre d'un mat-indique ou une étiquette à l'intérieur d'un div avec le groupe Radio-Mat-Radio?
Aujourd'hui, mon code a cette séquence: p>
<div fxLayout="row" fxLayoutAlign="center center">
<div fxLayout="column" fxFlex="100%">
<div fxLayout="row">
<div fxLayout="column" fxFlex="30%">
<mat-hint>{{ 'É bivolt?' | translate: moduleName }}</mat-hint>
</div>
<div fxLayout="column" fxFlex="70%">
<mat-radio-group id="rgpStaAparelhoBivoltNewUcServicoRessarcDanoEquipEletr"
[(ngModel)]="newUcServicoRessarcDanoEquipEletr.staAparelhoBivolt" [disabled]="staViewing">
<mat-radio-button value="S">{{ 'Sim' | translate: moduleName }}</mat-radio-button>
<mat-radio-button value="N">{{ 'Não' | translate: moduleName }}</mat-radio-button>
<mat-radio-button value="D">{{ 'Não sei' | translate: moduleName }}</mat-radio-button>
</mat-radio-group>
</div>
</div>
</div>
</div>
5 Réponses :
Dans le fichier de composant CSS ajoutez la classe suivante:
<mat-hint class="centered">{{ 'É bivolt?' | translate: moduleName }}</mat-hint>
Element Inline CSS n'est pas une option aussi?
Le CSS proposé n'a pas fonctionné. Nous utilisons des classes génériques CSS dans le système afin que le CSS n'est pas la meilleure option
Résolu avec style = "marge: auto". Merci pour l'aide.
Essayez ceci simplement ajouter une classe
Fonctionne bien avec une classe spécifique mais dans ce projet, nous utilisons une classe CSS générique et la classe mère tue la classe suivante. Merci pour l'aide.
Dans le conteneur Essayez:
style = "margin-right:auto; margin-left:auto;
Résolu avec style = "marge: auto". Merci pour l'aide.
Nice, je suis heureux que tu as résolu ça. Parfois, cela ne fonctionne que avec les marges gauche droite, parfois avec toutes les personnes comme vous l'avez fait, cela dépend des balises parent pour la plupart, marge: 0 auto est parfois nécessaire.
a résolu le problème d'alignement avec le code suivant:
dans HTML:
mat-form-field.center-label label {
text-align: center;
}