微信小程序view中多个text块撑满之后换行，不是一个text一行，是当一行装不下多个text后换行

wxml

<view wx:if="{{1>0}}" class="daiyu" >
          <text class="daiyutext" wx:for="{{6}}" wx:key="index">可靠</text>
        </view>

img


wxss

.dyItem .dytxt .daiyu {
    
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400rpx;
  
}

.dyItem .dytxt .daiyu .daiyutext {

    border: 1rpx solid #888;
    flex-wrap: nowrap;
    margin-right: 10rpx;
    font-size: 20rpx;
    padding-left: 10rpx;
    padding-right: 10rpx;
    margin-top: 1px;
    font-weight: bold;
    
}

img

当前效果：

img


想实现的效果：
（红方框化的效果，当一行放不下了再换行）

img