平时会遇到左侧标题长度不一样的时候,但是又需要文字左右对齐,解决方法如下
<view class="label">
<text>
{{item.label}}
</text>
</view>
display: flex;
.label{
flex: 0 0 120rpx;//长度根据最长的文字宽度设置
text-align: justify;
font-size: 0;
text{
font-size: 28rpx;
}
&::after{
content: "";
display: inline-block;
width: 100%;
}
}