开发者社区> 问答> 正文

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

小旋风柴进 2016-05-30 11:32:31 1115
<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;但是默认情况下的截取都是从左上角截取的,怎么让这个图片从中间截取的呢?

分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:20:17

    实现方式还是挺多的,可以利用background,然后background-position去居中
    也可以在div设置overflow:hidden,然后img用绝对定位去居中

    0 0
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章