uniapp flex 布局实现文字自动换行

在使用 flex 布局的时候，如果想让 view 中的文字自动换行，可以使用 flex-wrap 属性。将 flex-wrap 属性设置为 'wrap'，即可让 view 中的内容自动换行。

示例代码如下：

<view class='container'>
  <view class='item'>这是一段很长的文字，需要自动换行显示。</view>
  <view class='item'>这是另外一段很长的文字，也需要自动换行显示。</view>
</view>

.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  width: 50%;
  padding: 10px;
}

在上面的代码中，将 container 设置为 flex 布局，并且将 flex-wrap 属性设置为 'wrap'。这样，当 item 的宽度超过 container 的宽度时，就会自动换行显示。同时，为了让两个 item 平分 container 的宽度，将 item 的宽度设置为 50%。