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>

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

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