Css 对象匹配：填充；不起作用

我使用flexbox编写了这个响应性图像库代码

我将每个flexbox_项目的背景色样式设置为青色，以显示每个flexbox_项目块的尺寸：

background-color: cyan;

现在我想让图像填充它们的块，所以我使用：

object-fit: fill;

但它不起作用！

我尝试了很多东西，但仍然没有填补他们的块图像！请帮忙。代码如下：

.主集装箱{
位置：相对位置；
利润率：05%0%5%；
盒影：0.10px rgba（0,0,0,0.8）；
}
.flexbox_容器{
显示器：flex；
柔性流：行换行；
证明内容：中心；
对齐项目：拉伸；
对齐内容：拉伸；
}
.flexbox_项目{
背景色：青色；
弹性基准：25%；
对象匹配：填充；
}
img{
垂直对齐：中间对齐；
}

在div

.flexbox\u项上设置了
对象拟合
属性

包装图像，它们实际上填充了框。但是图像没有设置为填充这些div，因此它们保持不变

您可以添加

宽度：100%；身高：100%到相应的图像

注意：
fill
将拉伸图像如果尺寸不是正方形，您可以尝试使用
cover
以保持初始定量（图像被裁剪，以便可以填充容器）



.主集装箱{
位置：相对位置；
利润率：05%0%5%；
盒影：0.10px rgba（0,0,0,0.8）；
}
.flexbox_容器{
显示器：flex；
柔性流：行换行；
证明内容：中心；
对齐项目：拉伸；
对齐内容：拉伸；
}
.flexbox_项目{
背景色：青色；
弹性基准：25%；
对象匹配：填充；
}
img{
垂直对齐：中间对齐；
宽度：100%；
身高：100%；
}
尝试使用
背景尺寸：封面



.主集装箱{
位置：相对位置；
利润率：05%0%5%；
盒影：0.10px rgba（0,0,0,0.8）；
}
.flexbox_容器{
显示器：flex；
柔性流：行换行；
证明内容：中心；
对齐项目：拉伸；
对齐内容：拉伸；
}
.flexbox_项目{
背景色：青色；
弹性基准：25%；
对象匹配：填充；
}
img{
宽度：100%；
背景尺寸：封面；
对象匹配：覆盖；
身高：100%；
溢出：隐藏；
背景附件：固定；
背景位置：中心；
}