2017-12-31 10 views
0

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

HTML

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

CSS

.avatars{ 
    margin: auto; 
} 
+1

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

答えて

1

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

.avatars img{ 
    margin: auto; 
} 
+0

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

2

を使用します。

.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

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

関連する問題