注意
Flex布局以后,子元素的float、clear和vertical-align属性将失效
属性
- flex-direction(row | row-reverse | column | column-reverse)
- flex-wrap(nowrap | wrap | wrap-reverse)
- flex-flow
- justify-content(flex-start | flex-end | center | space-between | space-around;)
- align-items(flex-start | flex-end | center | baseline | stretch;)
- align-content(flex-start | flex-end | center | space-between | space-around | stretch;)
order属性
- order: 1 2 顺序、
flex-grow属性 flex-shrink属性
1 flex-grow: 1 2 放大比例
2 flex-shrink: 1 2 缩小 默认都是1
flex-basis属性
项目占据的主轴空间 length> | auto