Object-Fit 在Flexbox 中不起作用：原因和解決方案
Object-fit 是CSS 屬性，用於控制如何調整影像大小以適合其容器。然而，在 Flexbox 佈局中，object-fit 似乎沒有按預期工作。
原因是 object-fit 作用於被替換的元素本身，而不是其容器。在這種情況下，圖像是被替換的元素，而不是包裝 div。
為了讓物件適合在 Flexbox 中如預期運作，影像應該成為 Flex 專案。透過這樣做，您可以在圖像本身上設定 Flex 屬性，確保正確應用物件適合。
以下是修改後的程式碼：
.container {
display: flex;
flex-direction: row;
width: 100%;
}
img {
object-fit: cover;
flex: 1;
margin-right: 1rem;
overflow: hidden;
height: 400px;
}在此更新的程式碼中，影像是彈性項目，物件適合直接應用於它們。現在，影像將調整大小以覆蓋整個容器，同時保持其縱橫比。
以上是為什麼我的'object-fit”在 Flexbox 中不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
