猿问

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

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 这种办法解决


守着一只汪
浏览 462回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答