Css 如何强制flex收缩响应图像以适应它'；在列方向上的容器是什么？

当方向设置为

flex-direction:column时，我尝试了很多技巧来强制响应图像适应flex容器但它们都不起作用。我必须提到，它可以很好地与其他元素（如文本）配合使用，或者当flex-direction设置为
flex-direction:row时但我的情况不是这样。我试过
flex:1
，
flex shrink
，
flex grow
，
max height
属性来实现我想要的，但都失败了

当容器的大小固定（
宽度：234px；高度：279px
）且每行的高度灵活时，如何创建一个具有一列三行的flex容器，以便以最大大小显示3个图像？如果它们不能放入容器中，则缩小它们，但保持纵横比

添加

img {
  max-width: 100%;
}

添加到您的代码中，您将得到您想要的结果：）
@s-zaib我提到过我使用过它，但它不起作用。我想控制图像的高度和宽度，而不仅仅是宽度。你有它的现场演示吗？最大高度：100%；最大宽度：100%；使图像响应图像的容器：）这是一个问题中的6个问题。我建议你一次一个问题考虑一个问题。此外，请根据SO指南将所有相关代码包含在问题中。请记住，将
flex grow
和
justify content
应用于同一项目是没有用的。如果使用
flex-grow
，则会占用所有可用空间，使
justify-content
没有可用空间。如果删除
flex-grow
，
justify-content:center
将在您的演示中运行。此外，默认情况下，flex项目不能小于其内容的大小。因此，无论
flex-shrink
和
flex-basis
如何，图像都可能溢出，除非覆盖默认值。请参阅副本。