文本框文字换行

容器为块元素

 代码：

<view class="message-box">
  <image class="avatar" />
  <view class='text-box'>
  <text class="text">你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好</text>
  </view>
</view>

.message-box {
  display: flex;
  padding: 30rpx 20rpx;
  background-color: green;
}
.avatar {
　　width: 100rpx;
　　height: 100rpx;
　　margin-right:20rpx;
　　border-radius: 50rpx; 
　　background-color: pink;}
.text-box {
　　position: relative;
　　max-width: 70%;
　　padding:8rpx;
　　background-color: white;
　　border: 2rpx solid rgb(62, 156, 98) ; 
　　border-radius:8rpx;
　　text-overflow:ellipsis;
　　word-wrap:break-word;
}