flex 弹性布局

传统的布局实现方式比较麻烦，要用多个属性配合实现。后来 flex 弹性布局出现后，用其他方式实现的布局，用 flex 布局都能更简洁地实现。本节通过几个简单的例子介绍 flex 布局的基本用法。

首先新建一个空白页面，在一个 view 里面放三个 text。在 view 的样式中添加 display:flex 将 view 设置为弹性布局，组件默认是按照从上到下、从左到右的顺序排列。

<!-- index.html -->
<view class="out">
  <text class="in1">Html</text>
  <text class="in2">Css</text>
  <text class="in3">JavaScript</text>
</view>

/* index.wxss */
.out {
   
  height: 200px