.box{
display:flex; /*弹性盒子*/
justify-content: space-between; /*两端对齐,子元素之间有间隙*/
flex-flow: row wrap;/*子元素溢出父容器时换行*/
}
排版是上面这样的
解决方法:追加一个空的子元素,子元素宽度保持一致
.box:after {content: ""; width: 100px; }
space-around设置同理
.box{
display:flex; /*弹性盒子*/
justify-content: space-between; /*两端对齐,子元素之间有间隙*/
flex-flow: row wrap;/*子元素溢出父容器时换行*/
}
排版是上面这样的
解决方法:追加一个空的子元素,子元素宽度保持一致
.box:after {content: ""; width: 100px; }
space-around设置同理