先看效果图:
.box{//外部的div盒子
display: flex;//先设置div里的内容显示同一行
justify-content: flex-start;//左右布局
flex-wrap: wrap;//换行
align-content: flex-start;//紧揍排列
}
.child1 ,.child2{//div里的内容块
width: 100px;
height: 100px;
}
先看效果图:
.box{//外部的div盒子
display: flex;//先设置div里的内容显示同一行
justify-content: flex-start;//左右布局
flex-wrap: wrap;//换行
align-content: flex-start;//紧揍排列
}
.child1 ,.child2{//div里的内容块
width: 100px;
height: 100px;
}