让图片在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.运行效果