アバターをイオン3の中心に置くにはどうすればいいですか？

Question

イオンアバターをこの写真のように水平にセンターするにはどうしたらいいですか？

または、イオン化された画像を中心に追加して画像にアバタースタイルを追加するにはどうすればよいですか？

Answer 1

私はtext-centerと呼ばれるあなたが使用することができますCSS Utility attributeがあると考えています。 画像をラップするdivに適用します。 divのtext-centerはCSSに解決されます

div { text-align：center！important; } マークアップが多い場合は、クラスまたはIDでスタイルを設定します。あなたはissues with border radius and imagesに実行したい場合にも、それをスタイルを画像にこのようなものを適用することをお勧めします

..

#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のトリックは、一部のコンテンツがあります。