CSS object-position 属性
CSS object-position 属性用于指定 <img> 或 <video> 如何在其容器内定位。
图片
看看以下来自巴黎的图片，它的大小是 400x300 像素
接下来，我们使用 object-fit: cover; 保持纵横比并填充给定的尺寸。但是，图片会被剪裁以适合，如下所示
使用 object-position 属性
假设显示的图片部分没有按照我们想要的方式定位。要定位图片，我们将使用 object-position 属性。
在这里，我们将使用 object-position 属性来定位图片，以便那座古老的大楼位于中心
在这里，我们将使用 object-position 属性来定位图片，以便著名的埃菲尔铁塔位于中心
CSS Object-* 属性
下表列出了 CSS object-* 属性
| 属性 | 描述 |
|---|---|
| object-fit | 指定 <img> 或 <video> 如何调整大小以适应其容器 |
| object-position | 指定 <img> 或 <video> 如何在其“自身内容框”内使用 x/y 坐标定位 |
