flex 布局：一行固定个数，超出换行（流式布局）

一、flex基础

设置在父容器上的属性：display：flex，align-items(交叉轴对齐方式)，justify-content(主轴对齐方式)，flex-wrap(换行)。

设置在子容器上的属性，通过 flex: 1，简写了 flex-grow、flex-shrink、flex-basis 三个属性。

详细教程：Flex布局语法教程

二、flex使用

需求：

1. 一行只显示3个且高度固定
2. 宽度随屏宽变化而一直保持三等份
3. 总数不是3的倍数时, 居左展示

html：

<div class="father">
	<div class="child"></div>
	<div class