Uni-App让内容等宽且左右对齐

作者:米云网络 时间:2024-03-15 浏览:543
543

平时会遇到左侧标题长度不一样的时候,但是又需要文字左右对齐,解决方法如下

<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%;  
  }
}

文章链接:https://www.yunscrm.cn/dongtai/162.html
文章标题:Uni-App让内容等宽且左右对齐
声明: 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

相关阅读