介绍首先，我们来说说什么是FlexLayout？Flex布局表面上类似于块布局，但它缺少许多可以在块布局中使用的更复杂的文本或文档居中属性，例如浮动和列，同时它获得了一些简单而强大的布局工具，可以自动调整和计算容器空间中元素的大小重要概念Flex容器：父元素显式设置display:flex.Flexitem：flex容器中的子项有一个水平的主轴（mainaxis）和垂直交叉轴（crossaxis），主轴开始的位置称为mainstart，结束位置称为mainend，交叉轴开始的位置和crossstart的结束位置称为crossend，flex容器中的项目将沿主轴或交叉轴排列。介绍完几个重要的概念，下面结合代码介绍相应的属性。flex容器主要有六个属性：flex-direction排列方向可以取四个值：row（默认值）：主轴沿水平方向从左到右排列row-reverse：主轴从righttoleftalongthehorizo??ntaldirectioncolumn：主轴沿垂直方向从上到下排列-reverse：主轴从下到上垂直排列
