8
votes

Méthode correcte pour centrer des éléments dans ionic2

J'ai placé du texte et un bouton à la page. Je suis currenlté de centrer sur des méthodes traditionnelles CSS que je connais. Est-ce la bonne façon de centrer dans Ionic 2? xxx

// correspondant à CSS xxx


0 commentaires

3 Réponses :


9
votes

ionic 2 a une utile Attributs utilitaires pouvant être ajoutés aux éléments .

Dans ce cas, l'ajout Text-Center à un élément appliquera la propriété Text-Align: Centre .

Un exemple en utilisant votre code serait quelque chose comme ... xxx


0 commentaires

6
votes

mise à jour

Tout comme @ andrewgraham-yooll mentionné dans sa réponse, l'attribut fab-Center a été supprimé il y a quelques versions, alors maintenant le seul moyen de Fais-t-il d'utiliser un conteneur avec le centre textuel Attribut utilitaire xxx


Vous pouvez centrer la touche en ajoutant l'attribut ionic2 fab-centres comme ceci:

Inscrivez-vous < P> Vous pouvez trouver plus d'informations sur les attributs ionic2 dans ionic2 docs .

concernant l'autre div , car ce n'est pas un composant ionique (comme un bouton ou une étiquette), vous devez le centrer en utilisant des règles traditionnelles CSS comme vous faites ou utilisez un Attribut utilitaire comme Text-Center .

Veuillez également remarquer que dans votre code, il y a un Étiquette de clossage manquante:


0 commentaires

8
votes

La réponse de @sebferras n'est plus correcte pour la libération ionique 2> 2.0.0

Vous devez encaisser votre bouton dans un div et appliquer texte-centre . xxx


0 commentaires