Je crée une application ionique 4 angular et utilise une étiquette d'ions pour imprimer du texte.Je suis confronté à un problème avec l'étiquette d'ions, je vais attribuer une étiquette d'ions au centre mais ne fonctionnait pas. quel CSS ou Ionic pré-défini css utilisés? Au-dessous de mon code CSS, donnez ...
p>
<ion-row class="User_Label_Section">
<ion-col text-center>
<ion-label class="user_Name">ABCDEFG</ion-label>
</ion-col>
</ion-row>5 Réponses :
Je ne suis pas sûr. Mais vous pouvez essayer cela. Cela peut fonctionner.
.user_Name {
text-align: center;
width: 200px;
}
Vous devez probablement retourner à la planche à dessin avec cela et regarder la façon dont Ionic 4 fonctionne avec des styles par défaut.
Cet article explique les classes intégrées à votre disposition, y compris certaines options Flex:
Le En général, votre meilleur pari serait de s'appuyer sur ce que le cadre fournit déjà, car cela va être les options les mieux testées, puis
En outre, une pointe pour référence future: Utilisation de La nouvelle façon recommandée est d'appliquer ceci à l'aide de Ceci est parce que vous ne pouvez pas ajouter ces directives telles que ion-ligne et ion-col a déjà des trucs flex appliqués à eux afin que vous les combatsiez et susceptibles de causer des problèmes:
Centre textuel comme une directive comme celle d'une solution ionique 3 de faire des choses.
Classe = "Centre texte ionique" .
Text-Center dans React ou VUE afin qu'ils soient standardisés sur l'utilisation de classes pour tout le monde.
Donner la largeur comme 100vw sur la classe .Aser_Name. Cela fonctionnera si vous voulez qu'il soit aligné au centre. Le problème est que vous avez corrigé la largeur: 200px et tente d'aligner le texte en informatique. Ensuite, cela résoudra le problème avec la partie CSS.
VW, VH peut faire des problèmes sur une résolution d'écran différente, non? Il vaut mieux spécifier en% lui-même.
Si vous donnez 100VW à certains div, cela signifie que cela veut que cela soit central aligné toujours à n'importe quelle taille d'écran (pour l'usecase particulière). Cela changera si votre cas d'utilisation change en conséquence. VW est destiné à prendre la taille de l'écran de l'écran entier toujours. % peut également être utilisé si vous vouliez aligner selon un parent divisé ici, mais ce n'était pas le cas afin que les deux fonctionneront.
p> largeur: 100% code> est suffisant pour le faire
<ion-row class="User_Label_Section">
<ion-col text-center>
<ion-label class="user_Name">ABCDEFG</ion-label>
</ion-col>
</ion-row>
Il suffit de supprimer la largeur comme ci-dessous
Voulez-vous en faire un centre vertical?
Sir, pas centre vertical, seul centre horizontal.
J'ai vérifié son semble être déjà centré sur .Aser_name, faites-le-moi savoir si vous avez besoin d'un centre pour tout le corps.