让图片在DIV容器里面水平垂直居中的方法

1.定义dom结构

<div>
     <span></span>
     <img src="images/head.jpg" alt="">
</div>

2.定义css样式

div{
     width: 600px;
     height: 600px;
     border:1px solid red;
     text-align: center;
}
span{
     height: 100%;
     display: inline-block;
     vertical-align: middle;
}
img{
     vertical-align: middle;
 }

3.运行效果