Ionic-3 Avatar kann nicht zentrieren

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, Ionic-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; 
}

Quelle

2017-12-31 core114

tut meine Antwort Ihr Problem gelöst ? – Shubham

einfach den .avatars Klasse img Tag geben oder diesen css

.avatars img{ 
    margin: auto; 
}

Quelle

2017-12-31 16:06:53 Shubham

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

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>

Quelle

2017-12-31 16:15:57

Danke für Ihre Lösung – core114

Ionic-3 Avatar kann nicht zentrieren

Antwort

Verwandte Themen