如何将离体3中的化身居中？

Question

如何像这张图片一样水平居中一个离子化身？

或者如何将居中图像添加到离子行并为图像添加头像样式？

Answer 1

我相信您可以使用名为text-center的{​​{3}}。 将其应用于包裹图像的div。 div上的text-center会解析为CSS

div {  text-align：center！important; } 如果您的标记中有很多，请使用类或ID对其进行样式设置。

您可能还希望将相应的内容应用于图像以对其进行样式设置..

#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 Utility attribute，那么CSS Tricks有一些内容。