为什么flex-wrap：wrap属性导致我的div变得不均匀？

Question

我在我的容器和flex-wrap中使用了flex box：wrap但是我的孩子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对齐中心和相同的大小。怎么办？

Answer 1

删除flex：1并且不需要浮动：在弹性框中左侧