img中的图片在设定的宽高中不变形而居中显示

例如:

<div class= "divBg"><img src='img' ></div>

样式设置:

<style lang='less' scoped>

.divBg{

display: block;

width: 87px;

height: 87px;

overflow: hidden;

img{

width:87px;

height:87px;

object-fil:cover;

object-position:center;

}

}

</style>

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,351评论 1赞 92
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 2,044评论 0赞 1
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,391评论 0赞 11
  • 1 千万不要误以为财富自由是个终点。 连死亡都不一定是绝对的终点——你会发现有一些人连死亡都能穿越,他们的肉体同样...
    凡夫俗子玩个球阅读 459评论 0赞 0
  • 最近有位头发花白的老爷爷爆红网络。 他44岁学习英语,49岁北漂研究哑剧,50岁开始健身,57岁创造了“活雕塑”,...
    瓜子向日葵阅读 5,167评论 49赞 137

友情链接更多精彩内容