简单使用弹性布局 flex

弹性布局 flex

优点：弹性布局使得父元素的子元素自动弹开，无需设置间隙。
节省大量时间。

父元素（容器）
子元素（项目）

简单使用

父元素中
{
	display：flex;
	flex-flow:<方向> <换行方式>;
	justify-content:<主轴上排列方式>
}

方向：及主轴的方向
分为4种：row、row-reverse,coulumn,column-reverse
横向：正向、反向
纵向：正向、反向

换行方式、
分为3种：nowrap,wrap,wrap-reverse
不换行、换行、反转换行

主轴上排列方式：left right center space-between space-round