flex布局总结

flex布局挺早就听过了，但是之前一直觉得没时间学。有好几次打开阮一峰那个教程，还是没看。昨天终于看来下来，发现并不难。30分钟学会足矣。还是阮一峰老师的教程，大家自行百度。

1.一个块级元素加上display: flex就可以指定为flex布局，行内元素加上display: inline-flex。设置了flex布局以后其子元素的float、clear、vertical-align属性均会失效。

2.另外就是设置在flex布局元素中的六个属性。

3.首先介绍的是第一个 flex-direction决定主轴的方向。其默认值是flex-direction：row.

4.第二个属性，flex-wrap决定容器的内容是否换行。默认值nowrap,即不换行。常用值是wrap。即超出容器内容时，第一行在上方。

 

2. flex-flow
3. justify-content
4. align-items
5. align-content