图片相对于外层DIV居中的关键是:
display:table-cell
text-align:center
vertical-align:middle
外层容器的宽、高固定
示例
.box
{
width:300px;
height:200px;
display:table-cell;
text-align:center;
vertical-align:middle
}
<div class="box">
<img src="">
</div>