css图片左右上下居中

html：

<div>
<span></span>
<img src="images/587a3f147f1ff857.jpg!600x600.jpg" alt="" />
</div>

css：

div{
width: 50%;
height: 500px;
border: 1px solid black;
text-align: center;
}
div span{
display: inline-block;
height: 100%;
vertical-align: middle;
}
div img{
display: inline-block;
vertical-align: middle;
max-width: 95%;
max-height: 100%;
}

如图，但是图片并不是完全的左右居中，这个时候需要手动再调试img的margin-left的值即可！！