CSS 图片垂直居中的多种实现方法

图片水平居中的方法有很多, 比如flex, margin, text-align, position, 这里不再做具体说明, 主要讲解, 图片的垂直居中.
( 注意: text-align: center在图片为内联块inline-block时生效, margin:auto在图片为块block时生效 )

flex实现方法

<div class="img-box">
	<img src="images/s.png" />
</div>

.img-box{
   
  width: 500px;
  height