flex布局

Question

flex是否可以实现两边对齐自动换行，因为数据是返回的，不知道有多少个

Answer 1

一般这种情况都是采用空白的元素填补，用取余的方法，在后面添加几个空白元素即可。
比如 数据获取到7条，一行有4个 ，4-7%4 就是你要添加的空白元素

Answer 2

justify-content
http://caibaojian.com/demo/fl...

Answer 3

父：display:flex; justify-content:flex-strat,flex=wrap:wrap;子：设置宽高，margin就可以了。

Answer 4

justify-content : space-around; justify-content:between;

Answer 5

calc 配合flex 了解下

Answer 6

他说的这种布局方案是一行填充满的话，这行两端左对齐，所以justify-content : space-around根本不行，所以这种布局一般要项目定宽，然后容器定义负margin

Answer 7

https://www.runoob.com/w3cnot...

位置在3.3 flex-flow

Answer 8

可以，添加几个占位元素

Answer 9

.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.item {
    width: 20%;
}