disflex布局换行问题

在设置的时候，后面的字符串太长，应该是后面的内容换行，但是不知道为什么设置了disflex后，前面的lable换行了，请问一下这个要怎么解决呢？

正常情况下：

代码：

<view class="containText">
                <view class="itemLabel">项目名称：</view>
                <view class="itemText">{{item.xmmc}}</view>
            </view>

.containText{
            position: relative;
            display: flex;
            line-height: 32px;
            
            .itemLabel{
                position: relative;
                font-size: 15px;
                color: #333333;
            }
            
            .itemText{
                position: relative;
                font-size: 15px;
                color: #82848a;
            }
        }

文字过长一般可以做成...省略的形式

为什么全用相对定位，会脱离文档流的，改用弹性布局不好吗

display: flex;
align-items: center;

给前面的label设置个宽度，然后给后边的内容设置flex: 1

给label设置一个宽度不让它换行就行了

处理方式很多，一个就是左侧label设置宽度，让右侧flex:1自动占满剩余空间，如果你左侧label字数不确定，那可以设置右侧max-width，防止右侧过长挤压左侧

display: flex;
flex-wrap: wrap;