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