例如外层div,width:600px;height:300px,然后内部div有从1-10个不等,如何实现居中,等分,换行等。1-5个Div时只有一行,且等分居中,6-10个div时就另起一行,上下两行都这样如何做?

例如外层div,width:600px;height:300px,然后内部div有从1-10个不等,如何实现居中,等分,换行等。1-5个Div时只有一行,且等分居中,6-10个div时就另起一行,上下两行都这样如何做?

display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
你试一下