微信小程序flex长文本溢出

wxml

<view class="">
  <view class="detail-wrap main-padding">
    <view class="detail-label-wrap">
      <text>名称</text>
    </view>
    <view class="detail-content-wrap">
      <text>内容内容内容内容容内容内容内容fsfsfdsfwedssdfs容dfuiodsfusdiofasjfkjdshgjkdsbgjkdsfbdsjkfdsjfhdsjkfh</text>
    </view>
  </view>
</view>

   样式

.detail-wrap{
  display: flex;
  border-bottom: 1rpx solid #ccc;
  overflow-wrap: break-word;
  justify-content: space-between;
  word-break:break-all;
}

.detail-label-wrap {
  width: 100rpx;
  color: #aaa;
}
.detail-content-wrap {
  flex-grow: 1;
}

 溢出:

调整:

<