【发布时间】：2018-10-31 17:05:12
【问题描述】：
我的容器和 flex-wrap:wrap 使用了 flex box，但是我的子 div 变得不均匀。如何修复它？
.container{
margin: 0 auto;
flex-wrap: wrap;
width: 100%;
padding:10px;
display:flex;
}
.child{
flex:1;
margin: 10px;
vertical-align: center;
width:100px;
length:100px;
border:2px solid gray;
display: inline;
float:left;
padding:65px;
background-image:;
text-align: center;
}
假设有 11 个子 div，它显示在三行中。现在最后一行仅显示 11 个 div 中剩余的 3 个 div，因此它水平拉伸了这些 div。
因此，我试图保持所有 div 大小相同，并使最后一行 div 对齐中心和相同大小。怎么办？
【问题讨论】：
-
添加相关的HTML或制作sn-p。