flex弹性布局（二）

书接上会，我们先是简单了解有关弹性布局的一些基础知识点，接下来我们一起学习一些进阶的知识点

一、flex-flow属性定义

之前我们学习了flex-direction和flex-reverse属性，flex-flow属性正是他们的结合可以同时定义两项元素，默认值为row nowrap，这样我们用起来会更加简单，最终用户的访问速度的提高不正是这样一点一点的提高的吗

二、justify-content

justify-content属性定义了项目在主轴上的对齐方式，值分为以下五种：flex-start（默认值）：左对齐、flex-end：右对齐、center： 居中、space-between：两端对齐，项目之间的间隔都相等、space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍，如下图所示。