弹性容器的属性
display: flex inline-flex; //设置弹性容器为块级元素 行内元素。
flex-direction: row row-reverse column column-reverse //设置弹性容器中子元素的排列方式
justify-content: flex-start flex-end center space-between space-around //设置弹性容器中子元素的水平对齐方式
align-items: flex-start flex-end center baseline stretch //设置弹性容器中子元素的垂直对齐方式
flex-flow: nowrap wrap wrap-reverse //设置弹性容器中子元素的换行方式
align-content: flex-start flex-end center space-between space-around stretch //用于修改 flex-wrap 属性的行为，设置各个行的垂直对齐
弹性子元素的属性
order: number; //排序,用整数值来定义排列顺序，数值小的排在前面。可以为负值。
margin: auto; //自动获取弹性容器中剩余的空间。
align-self: auto flex-start flex-end center baseline stretch //设置弹性子元素自身在垂直方向上的对齐方式。
flex：number; //指定弹性子元素如何分配空间。
