CSS学习笔记：display：flex

注意

Flex布局以后，子元素的float、clear和vertical-align属性将失效

属性

1. flex-direction（row | row-reverse | column | column-reverse）
2. flex-wrap（nowrap | wrap | wrap-reverse）
3. flex-flow
4. justify-content（flex-start | flex-end | center | space-between | space-around;）
5. align-items（flex-start | flex-end | center | baseline | stretch;）
6. align-content（flex-start | flex-end | center | space-between | space-around | stretch;）

order属性

1. order: 1 2 顺序、

flex-grow属性 flex-shrink属性

1 flex-grow： 1 2 放大比例
2 flex-shrink： 1 2 缩小 默认都是1

flex-basis属性

项目占据的主轴空间 length> | auto