flex布局

image.png

.box {
    display: flex;
    flex-direction: ;
    flex-wrap: ;
    flex-flow: ;
    justify-content: ;
    align-items: ;
    align-content: ;
   }

.item{
    order: ;
    flex-grow: ;
    flex-shrink: ;
    flex-basis: ;
    flex: ;
    align-self: ;
   }

flex父容器属性

flex-direction

flex-wrap

flex-flow

justify-content

align-items

align-content

flex的子元素属性

order

放大比例

缩小比例

默认尺寸

flex 简写

align-self