Flexble布局

1. flex布局(Flexble布局，也称为弹性布局)
2. 目前特别移动端用的最多，慢慢PC端也用的越来越多

重要概念

1. 开启了flex布局的元素叫 flex container
2. flex container 里面的直接子元素叫做 flex items

开启flex布局

1. display: flex
2. display: inline-flex

1. flex: flex container以bolock-level形式存在
2. inline-flex: flex container以inline-level形式存在

1. flex-flow
2. flex-direction(设置主轴的方向)
3. flex-wrap
4. justify-content
5. align-items
6. align-content

flex-items常见属性

1. flex
2. flex-grow
3. flex-basis
4. flex-shrink
5. order
6. align-self

浏览器支持