Html 使用flexbox，图像会溢出整个容器

如何使我的IMG不溢出其容器

，并完美地形成一个正方形/长方体

它应该适用于flexbox

正如您所看到的，这段代码将生成3个图像，其中1个图像的外部不是一个适当的框

。显示{
最小宽度：500px；
最大宽度：500px；
}
.风景{
显示器：flex；
弯曲方向：立柱；
}
.风景(1){
显示器：flex；
}
.风景2{
显示器：flex；
}

---

我不确定您为什么要使用

显示：flex

，但这是有效的：

。显示{
最小宽度：500px；
最大宽度：100%；
显示：block；/*添加此项，删除所有其他项*/
}

在这里工作正常，真正的问题是什么？你没有看到片段吗？是的，我在

显示中放置了一个红色边框，所有图像都在里面。其中有5个图像，其中2个在第一行，3个在第二行。我想把它们压缩成盒子形状。什么？！我运行代码，但它不是。lol flexbox更专业。但无论如何，谢谢。我不会使用任何其他不使用flexbox tho的产品：（它可以工作，但是…正如标题所说的“Flexbox”lol，无论如何，谢谢。只是要用背景图像来代替。我现在不能这样做。没有足够的声誉来投票：(