CSS布局技巧（二）｜青训营弹性布局（Flexbox） flex-wrap：这个属性的作用是控制元素是否换行，一般情

这一篇笔记依旧是弹性布局，继续记录上一篇笔记没记录到的属性。

flex-wrap：

这个属性的作用是控制元素是否换行，一般情况下，即默认状态（nowrap）不换行。

该属性表示换行，且第一行位于上侧。具体布局效果如图所示：

此时可以看出，需要换行的三号盒子是位于第二排的。

该属性表示换行，但第一行位于下侧。具体布局效果如图所示：这里可以看出，由于第一行位于下侧，所以盒子一、二是位于第二行的。

这个属性是用于规划元素的对齐方式的。包含：左对齐、右对齐、居中对齐、两端对齐、等距对齐四种。

和其他常规软件一样，默认的对齐方式是左对齐。具体布局效果如图所示：此时可以看出，除去盒元素的外边距外，盒子更靠近左边。

该属性表示右对齐。具体布局效果如图所示：此时可看出元素已经位于右侧了。

该属性表示居中对齐，这个是我最经常用的属性之一。具体布局效果如图所示：这里看元素已然位于中央。

该属性表示两端对齐。也是常用的属性之一。效果如图所示：此时可以看到和上一个对比中间两个盒子的间距更大了。

该属性表示等距对齐。效果如图：此时可以看到每个项目的两侧间距是相等的。

本篇笔记就介绍到这里，我们下次继续。