CSS学习笔记：display：flex

注意

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