属性名的字数不一致时,就会出现无法对齐的情况,
划重点,使用text-align-last属性就可以使文字两端对齐
<view><text class="fontalign">备注</text><text>:</text></view>
.fontalign{
display: inline-block;
width: 110rpx;
text-align: justify;
text-align-last: justify;
}
就变成如下效果啦
属性名的字数不一致时,就会出现无法对齐的情况,
<view><text class="fontalign">备注</text><text>:</text></view>
.fontalign{
display: inline-block;
width: 110rpx;
text-align: justify;
text-align-last: justify;
}
就变成如下效果啦