UniApp View Flex 布局文字自动换行解决方案

在 UniApp 中，可以使用 CSS 的 'text-wrap' 属性来实现文字自动换行。

在 'view' 标签中添加 'class' 属性，并设置 'display: flex;' 和 'flex-wrap: wrap;'，然后在 'text' 标签中添加 'class' 属性，并设置 'text-wrap: break-word;' 即可实现文字自动换行。

示例代码如下：

<view class='container'>
  <text class='text'>这是一段很长很长很长很长很长很长很长很长很长的文字，希望能够自动换行哦~</text>
</view>

<style>
.container {
  display: flex;
  flex-wrap: wrap;
}

.text {
  text-wrap: break-word;
}
</style>

注意：'text-wrap' 属性在 UniApp 中需要使用小写字母，即 'text-wrap: break-word;'，而不是 'text-wrap: breakWord;'。