如何让img在div中居中显示

Question

img如图所示

div如图所示，我现在要实现的效果是使img的中间部分显示在div中，两者的css如下：

 .detail_wrapper{
    width:100%;
    height:90%;
 overflow:hidden;
 text-align:center; 
}
.detail_pic{
    height:100%;
display: inline-block; 
margin:auto; 
}

请问应该怎样修改

Answer 1

你的img没有宽度，这样写没有办法居中的，用定位吧