CSS_Flex布局

Flex布局
Flex布局父元素
display: felx | inline-felx;
flex-direction: row | row-reverse | column | column-reverse; 决定主轴的方向
felx-wrap: nowrap | wrap | wrap-reverse; 主轴如何换行
felx-flow: row nowrap;
justify-content: flex-start | flex-end | center | space-between | space-around;
align-items: flex-start | felx-end | center | baseline | stretch;
align=content: felx-start | felx-end | center | space=between | cpace-around | stretch; 多跟轴线的对齐方式,只有一条时不起作用.
Flex布局子元素
order: 0;项目的排列顺序,数值越小,排序越靠前,最小为0.
flex-grow:0;项目的放大比例.
flex-shrink:1;
flex-basis: 350px;
flex: 0 1 auto;
align-self: auto | felx-start | flex-end | center | baseline | stretch;