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

Question

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

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

Answer 1

background:url() center no-repeat 试试

Answer 2

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