百度了其他大佬的,在项目中试验了一下,核心是在文字后边加一个空标签
<view class="ka-left" >
<view class="ka-name">{{monthlypay[m].month}}卡<text class="hid"></text></view>
<view class="ka-jine"> ¥{{monthlypay[m].jine}} </view>
</view>
.ka-name{
width: 100rpx;
height: 100rpx;
line-height: 100rpx;
text-align: justify;
text-align-last: justify;
text-justify: inter-ideograph; /** 增加或减少词间的空格 **/
.hid{
display:inline-block;
width:100%;
}
}