正方形图片显示在长方形中 只显示中间部分 css

先说下需求，一个固定宽高度的矩形框，现在有张正方形图片，想让正方形显示在矩形中间，不变形

本来准备正方形正常显示，上下放两个div盖住，只显示矩形框的内容，但是没实现，同事让我用background-position: 0 center; 一下子就好了

原图请忽视裁剪框

只显示中间的部分

新知识get, background-position: 定位背景图像