flex布局

-flex-direction：设置主轴的方向

	row (默认值)从左到右
	row-reverse 从右到左
	column 从上到下
	column-reverse 从下到上

- justify-content：设置主轴上的子元素排列方式

	flex-start 从头部开始
	flex-end 从尾部开始
	center 居中显示
	space-around  平分剩余空间
	space-between  先贴边，再平分

- flex-wrap：设置子元素是否换行

	nowrap 不换行
	wrap 换行

- align-content：设置侧轴上的子元素的排列方式（多行）

	flex-start 从头部开始
	flex-end 从尾部开始
	center 居中显示
	space-around  平分剩余空间
	space-between  先贴边，再平分
	stretch 拉伸

- align-items：设置侧轴上的子元素排列方式（单行）

	flex-start 从头部开始
	flex-end 从尾部开始
	center 居中显示
	stretch 拉伸

• flex-flow：复合属性，相当于同时设置了 flex-direction 和 flex-wrap
• flex: number;
  -align-self: flex-end;
  -order: number;