内联元素居中

父元素：
height:100px;
line-height:100px; // 与高相同
text-align:center;
子元素:
display:inline;
vertical-align: middle;

适用图片、文字

<div>
    <div class="wrapper">
      <span>我是文字</span>
    </div>
    <div class="wrapper2">
      <div>我是文字</div>
    </div>
  </div>
.wrapper {
    
  height: 200px;
  width: 200px;
  background-color: antiquewhite;
  line-height: 200px;
}
.wrapper2 {
    
  height: 200px;
  width: 200px;
  background-color: antiquewhite;
  line-height: 200px;
  div{
    
      height: 20px;
      width: 20px;
  }
}