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 座標定位 |
