CSS_Flex布局

共计 547 个字符，预计需要花费 2 分钟才能阅读完成。

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;