CSS的flex布局看完这篇你就懂了

我们之前已经学过一些布局模型，比如说浮动，决定定位等等，但是这些布局方式一是不够简洁，而是使用的范围确实是太窄了。 flex模型拥有比较多的属性，来设置多样的布局方式，接下来我们就详细介绍各种属性对布局的改变，最后再对属性做一个汇总 先看一下flex的基本模型，如下图所示： container父容器里有三个子元素flex-item。当给父容器设置display:flex;直接子元素就有布局模型了，

>>阅读原文<<