#flex布局支持设置大小，支持设置方向，支持填充布局
##支持设置大小
<h2>flex布局测试</h2>
<div class="d-flex" style="flex-direction:column;width:600px;height:500px;background: orange">
  <div flex [width]="100" [height]="200" [direction]="'column'" [fill]="true" style="border:1px solid">
    <div flexItem style="border:1px solid;height: 100px;display: flex;">
      <div flexItem>项目一的子元素</div>
      <div flexItem>项目一的子元素</div>
      <div flexItem>项目一的子元素</div>
    </div>
    <div flexItem style="border:1px solid">项目2</div>
    <div flexItem style="border:1px solid">项目三</div>
  </div>
</div>