# css学习（一） display:flex

**

css学习（一） display:flex

**
这个系列将分享css一些实用知识，适合已经了解css但不熟悉css开发的小伙伴学习。
display:flex就是一个功能十分强大的布局方式，叫做弹性容器(container)
顾名思义，它具有弹性，可以伸缩，因此很多简单布局可以直接使用这个布局方式。
对于一个div的css定义了这个熟悉，那么这个盒子就可被称作为弹性盒子，它的子元素自动成为它的项目(item)
容器有两条轴，分别为默认的水平的主轴，以及竖向的相交竖轴
这个容器为项目提供六个属性
flex-direction：flex-direction: row | row-reverse | column | column-reverse;
即决定（改变）主轴的方向
flex-wrap
flex-flow
justify-content
align-item
align-content
以及其他各种子属性的作用和取值可查阅文档等熟悉