img标签只显示图片中间区域

一：背景图做法：

 .img{background-image: url("背景图的链接");

background-repeat: no-repeat;

background-position:center center;

background-size: cover;

width: 80px;

height: 80px;

}

cover:图片填充满父节点，超出部分隐藏，仅显示中间。
contain:图片根据父节点宽高等比例缩放。
img无src会有默认边框，建议用div或者下面的方法

二：object-fit

img{ width: 80px; 

 height: 80px; 

 object-fit: cover;

 }

参考网址：https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit