vertical-align:middle 在内层标签使用 和 text-align:center在外层标签使用

https://www.jianshu.com/p/dea069fecb62

垂直居中： vertical-align:middle  -------在内层标签使用

水平居中： text-align:center      ------在外层标签使用

<div class="wrapper">
<div class="box"></div>
</div>

.wrapper{
width: 500px;
height: 500px;
background-color: pink;
text-align: center;
}

.box{
width: 100px;
height: 100px;
background-color: deepskyblue;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
}