怎么实现让 div 里面的 img 元素 中心居中, 如下示例图

Question

Html 代码<style>    div {        overflow: hidden ;    }    img {        height: 100% ;        width: auto ;    }</style><div>    <img src='//foo.com/foo.jpg' /></div>想要的效果示例图红色区域是 div, 绿色区域是 img也就是说 img 比较宽img的宽不固定, 所以不能用定死 margin-left 这种办法解决