2017-12-31 42 views
0

Ich bin Ionic 3 Avatar erstellt, und ich versuche, es zu zentrieren, aber seine cant center, ich weiß nicht, warum kann dieses Zentrum nicht, bitte helfen Sie mir zu beheben Schauen Sie sich meine an Bild, Look at this imageIonic-3 Avatar kann nicht zentrieren

html

<ion-content padding> 
    <ion-avatar class="avatars" > 
    <img src="assets/imgs/pro-img.png"> 
    </ion-avatar> 
</ion-content> 

Css

.avatars{ 
    margin: auto; 
} 
+1

tut meine Antwort Ihr Problem gelöst ? – Shubham

Antwort

1

einfach den .avatars Klasse img Tag geben oder diesen css

.avatars img{ 
    margin: auto; 
} 
+0

Danke für Ihre Lösung, Ihre Arbeit für mich – core114

2

hier die Art und Weise nutzen, um etwas in der Mitte sein zu lassen:

.main { 
 
    width : 100%; 
 
    background-color : #000; 
 
} 
 
#element { 
 
    background-color : #F00; 
 
    width : 50px; 
 
    height : 50px; 
 
} 
 
.center { 
 
    margin : 0 auto; 
 
}
<html> 
 
<head></head> 
 
<body> 
 
<div class="main"> 
 
    <div id="element" class="center"></div> 
 
</div> 
 
</body> 
 
</html>

+0

Danke für Ihre Lösung – core114