Html CSS图像flexbox边距

您好，我正在尝试使用flex将div框的额外可用宽度作为图像之间的边距均匀分布。我试过使用flex basis:30%；但是，它不是将边距均匀地分布到图像上，而是将图像垂直堆叠在彼此的顶部

.images容器{
最大宽度：1400px；
保证金：40px自动0自动；
显示器：flex；
背景#5959；
证明内容：之间的空间；
}
.图像{
/*flex-basis:30%；您的flex容器
.images容器
只有一个子元素，即
.images
DIV

如果希望flex影响图像本身，则必须将
display:flex
应用于
.images
，而不是
。images container
您的flex container
。images container
只有一个子元素，即
.images
DIV

如果你想让flex影响图像本身，你必须将
display:flex
应用于
.images
，而不是
.images container
对内容进行调整：间隔空间与你想做的完全一样。它在你的代码中不起作用，因为你在图像周围放置了另一个div。如果你删除e div“图像”，其工作原理：


.images容器{
最大宽度：1400px；
保证金：40px自动0自动；
显示器：flex；
背景#5959；
证明内容：之间的空间；
}
.图像{
}
调整内容：在
之间的空格正是您想要做的。它在您的代码中不起作用，因为您在图像周围放置了另一个div。如果删除div“images”，它会起作用：


.images容器{
最大宽度：1400px；
保证金：40px自动0自动；
显示器：flex；
背景#5959；
证明内容：之间的空间；
}
.图像{
}

试试这个：

img {width: 30%;height: 30%;}

试试这个：

img {width: 30%;height: 30%;}