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;