1.实现目的：

        在实际开发过程中，我们经常需要用到这种使其同行/列排序的布局，并且希望他们根据自身的大小实现动态自动换行。

2.语法：

2.1.基础语法

  Flex({
  }) 
    {
    // 子组件
      }
  .height('100%')
  .width('100%')

2.2换行

        弹性布局分为单行布局以及多行布局，默认情况下Flex内的子组件会排列在同一行内，当子元素的尺寸总和大于 Flex容器 尺寸时 子元素组件会排列在同一行内，造成组件的挤压。

解决方案：wrap属性可以控制子元素的尺寸总和大于 Flex容器 尺寸时Flex 是单行布局还是多行布局。

参数：wrap

类型：枚举：FlexWrap

目的：开启自动换行

默认值：无

  Flex({
    wrap: FlexWrap.Wrap
  }) 
    {
  // 子组件
      }
  .height('100%')
  .width('100%')

2.3纵向排列

        在使用弹性布局时，有时希望其纵向排列，以满足不同应用场景下的布局需求。

解决方案：wrap属性可以控制子元素的尺寸总和大于 Flex容器 尺寸时Flex 是单行布局还是多行布局。

参数：direction

类型：枚举：FlexDirection

目的：开启纵向排列

默认值：Row

  Flex({
    direction: FlexDirection.Column
  }) 
    {
  // 子组件
      }
  .height('100%')
  .width('100%')