开发者社区> 问答> 正文

如何让img图片对原图从中心不压缩的截取?

<div class="img">
    <img src="images/logo.png"/>
</div>
                
                
.img{
width:100px;
max-height:100px;
overflow:hidden;
}
.img img{
    width:100%;
    height:100%;
}

我想让任何图片都显示大小为宽度为100px;最大高度为100px;但是默认情况下的截取都是从左上角截取的,怎么让这个图片从中间截取的呢?

展开
收起
小旋风柴进 2016-05-30 11:32:31 3092 0
1 条回答
写回答
取消 提交回答
  • 实现方式还是挺多的,可以利用background,然后background-position去居中
    也可以在div设置overflow:hidden,然后img用绝对定位去居中

    2019-07-17 19:20:17
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载