js中图片过宽怎么截掉头部一小部分，改变div或者图片组件的高度会默认截掉尾部一小部分

如图，图片下半部分通过改变组件height=79%已经截掉了，上半部分多余的怎么处理呢？

代码如下，图片是816*300的，但区域太小可能高度只有260px所以部分图片要截掉，图片是别人提供的无法改变了

就是这样操作

 .container{
            position: 'relative';
            overflow: 'hidden';
            width:100px;
            height:100px;
        }
        .container{
            position: 'absolute'
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin:auto;
        }

 <div class="container">
            <img class="content" src="" />
        </div>

padding-top -20% 试试

可以通过margin 或者 padding。然后父元素设置overflow
或者通过tramform平移实现
或者将这个图设置成背景，然后设置background实现

图片为什么不用img标签
在img外面再套个div，固定高度，内容设置垂直居中，overflow设置hidden

可以试下这个属性 object-fit: cover;