css3新属性partC

这一章我们继续讲flex布局：
我们上一章讲了主轴和辅轴，我们这一章继续讲一下flex布局的布局方式：
3.justify-content属性
这个属性规定了模块在主轴上的对齐方式
它的可选项有以下几种：
justify-content: flex-start（左对齐，这个是默认属性） | flex-end（右对齐） | center（居中） | space-between （两端对其，每个之间均匀分布）|space-around（每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍）;
我们用代码试一下：
flex-start：

flex-end:

center

space-between:

space-around:

4.align-items:
该属性定义项目在交叉轴（辅轴）上如何对齐：
align-items: flex-start（默认选项，交叉轴的起点对齐） | flex-end（交叉轴的终点对齐） | center（交叉轴的中点对齐） | baseline（项目的第一行文字的基线对齐） | stretch（如果项目未设置高度或设为auto，将占满整个容器的高度）
flex-start就是默认项，我们这里就不展示了
flex-end:

center:

baseline:

不设置baseline的效果：

设置了的效果：

stretch：

stretch需要取消被排版模块的高度
从这里flex布局告一段落，下一part我们要讲一下css3带来的新的样式