1、从上至下,从左至右依次排列展示
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; /*换行*/
align-content:flex-start;/*换行时从上至下紧挨着,和flex-wrap: wrap一起使用*/
justify-content:center; /*居中对齐*/
width: 300px;
height: 250px;
background-color: lightgrey;
}
.flex-item {
background-color: cornflowerblue;
width: 20px;
height: 20px;
margin: 10px;
}