Flex布局

.box{
display: flex;
flex-direction: row（默认，从左到右） | row-reverse（从右到左） | column（从上到下） | column-reverse（从下到上）;
flex-wrap: nowrap（默认，不换行） | wrap（换行） | wrap-reverse（反向换行）;
flex-flow: || ;
justify-content: flex-start（默认，左对齐） | flex-end（右对齐） | center（中间对齐） | space-between（两端对齐） | space-around（每个项目两侧的间隔相等）;
align-items: flex-start（上对齐） | flex-end（下对齐） | center（中间对齐） | baseline | stretch（默认）;
align-content（多轴线）: flex-start | flex-end | center | space-between | space-around | stretch;
}