flex 布局

1.flex布局的简介和原理

flex布局是Flexible Box的缩写，意为“弹性布局”，用来为盒装模型提供最大的灵活性，任何一个容器都可以指定为flex布局。

（1）当我们为父盒子设为flex布局以后，子元素的float，clear和vertical-align属性将失效

（2）采用flex布局的元素称为flex容器，简称容器。它的所有子元素自动成为容器成员，称为flex项目，简称项目。

（3）Flex布局就是通过给父盒子添加flex属性来控制子盒子的位置和排列方式。

2.父盒子的css属性

（1）justify-content

 （2）flex-wrap

 （3）align-items

（4）align-conten 

（5）flex-flow

 

 小结：

 3.子盒子的css属性

（1）align-self

 

 （2）flex

 小结：