Ionic-3アバターがセンターに入らない

私はIonic 3 Avatarを作成していますが、センターを傾けることはできません。なぜこのセンターができないのかわかりません。これを修正するのを手伝ってください。添付ファイルを見てください画像、 Ionic-3アバターがセンターに入らない

HTML

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

CSS

.avatars{ 
    margin: auto; 
}

出典

2017-12-31 core114

を私の答えはあなたの問題を解決しません？ – Shubham

ちょうど何かが中心になるようにする方法をimgタグに.avatarsクラスを与えるか、このCSSここ

.avatars img{ 
    margin: auto; 
}

出典

2017-12-31 16:06:53 Shubham

あなたのソリューションをありがとう、そのための私の仕事 – core114

を使用します。

.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>

出典

2017-12-31 16:15:57

あなたのソリューションをありがとう – core114

Ionic-3アバターがセンターに入らない

答えて

関連する問題