Flex layout

Whether

flex can automatically wrap lines with two-sided alignment, because the data is returned, and I don"t know how many

there are.
Aug.05,2021

generally this case is filled with blank elements, with the remainder method, after the addition of a few blank elements.
for example, seven items of data are obtained, and there are four in a row. 4-7% 4 is the blank element you want to add


justify-content

parent: display:flex; justify-content:flex-strat,flex=wrap:wrap; son: set width and height, margin will be fine.


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


calc cooperate with flex to understand


the layout scheme he said is filled with a line, so the two ends of the line are aligned to the left, so justify-content: space-around is not allowed at all, so this kind of layout generally requires the item to be wide, and then the container defines negative margin


.

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

location is 3.3flex-flow


Yes, add several placeholder elements


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