comment puis-je centrer une image ionique 2 app

Question

bonjour j'ai quelques pages dans une application 2 ionique, qui ont un intérieur d'un .. comme celui-ci

<ion-content padding> 
    <p>Some text here....</p> 
    <p>Some other text here...</p> 
    <ion-img width="180" height="180" src="assets/images/goal.jpg"></ion-img> 
    <p>bottom text here...</p> 
</ion-content> 

Je dois voir l'image horizontalement .. centrée J'ai testé quelques css mais sans chance .. comment puis-je y parvenir?

Answer 1

Vous pouvez utiliser le code ionique CSS utilities pour aligner le centre en appliquant l'attribut text-center à l'élément parent de celui que vous souhaitez centrer horizontalement.

Voici un exemple:

<ion-content text-center> 
    <img src="assets/imgs/logo.png" width="128" /> 
</ion-content> 

Dans votre cas, j'envelopper le <img> dans un <div> afin qu'elle ne touche que l'image et non les <p> éléments.

Comme ceci:

<ion-content padding> 
    <p>Some text here....</p> 
    <p>Some other text here...</p> 
    <div text-center> 
    <ion-img width="180" height="180" src="assets/images/goal.jpg"></ion-img> 
    </div> 
    <p>bottom text here...</p> 
</ion-content>