Wie kann ich einen Avatar in ionic 3 zentrieren?

Question

Wie kann ich einen Ionen Avatar wie in diesem Bild horizontal ausrichten?

Oder wie kann ich ein zentriertes Bild zu einer Ionenreihe hinzufügen und dem Bild einen Avatar-Stil hinzufügen?

Answer 1

Ich glaube, es ein CSS Utility attribute ist man text-center genannt verwenden können. Wenden Sie das auf ein div an, das Ihr Bild umschließt. text-center auf der div würde auf die CSS

div { text-align: Zentrum! Wichtig; } Style es mit einer Klasse oder ID, wenn Sie viele in Ihrem Markup haben.

Vielleicht möchten Sie auch auf das Bild, so etwas wie dies gilt es zu stylen ..

#imgwrap { 
 
min-width:200px; 
 
min-height:150px; 
 
background-color:blue; 
 
text-align: center!important; 
 
    img { 
 
    border:0; 
 
    max-width:140px; 
 
    border-radius:50%; 
 
    } 
 
}

<div class"split-pane"> 
 
<div id="imgwrap"> 
 
    <img src="http://via.placeholder.com/150x150"> 
 
</div> 
 
</div>

CSS Tricks hat einige Inhalte, wenn Sie ausführen möchten in issues with border radius and images.