[TOC] ## Object Fit 用于控制可替換元素的內容如何調整大小的功能類。 | Class | Properties | 備注| | --- | --- | ---| | object-contain | object-fit: contain | 調整元素內容的大小，使其保持在容器內| | object-cover | object-fit: cover | 調整元素內容的大小以覆蓋其容器| | object-fill | object-fit: fill | 拉伸元素的內容以適應其容器| | object-none | object-fit: none | 以原始大小顯示元素的內容，忽略容器大小| | object-scale-down | object-fit: scale-down | 以原始大小顯示元素的內容,將其縮小以適應其容器| 實例 ``` <img class="object-fill h-48 w-96 bg-blue-200" src="https://httpbin.org/image/png" alt=""> ``` ## Object Position 用于控制可替換元素的內容在其容器中的位置。 | Class| Properties | | --- | --- | | object-bottom | object-position: bottom; | | object-center | object-position: center; | | object-left | object-position: left; | | object-left-bottom | object-position: left bottom; | | object-left-top | object-position: left top; | | object-right | object-position: right; | | object-right-bottom | object-position: right bottom; | | object-right-top | object-position: right top; | | object-top | object-position: top; | 實例 ``` <img class="object-none object-right-bottom h-48 w-48 bg-blue-200" src="https://httpbin.org/image/png" alt=""> ```