文字两端对齐

最新推荐文章于 2021-06-10 00:03:19 发布

W_SSNY

最新推荐文章于 2021-06-10 00:03:19 发布

阅读量583

点赞数 1

本文链接：https://blog.csdn.net/W_SSNY/article/details/89068572

版权

如图：

文字两端对齐：wxml

<view class="column">
  <text>商户名称</text>
  <text>客户姓名</text>
  <text>手机号</text>
  <text>地址</text>
  <text>商户类型</text>
  <text>账号</text>
  <text>密码</text>
</view>

wxss：若安卓的系统，text-align-last:justify一步即可

.column{
  display: flex;
  flex-direction: column;
  margin-left: 20rpx;
  font-size: 30rpx;
}
text{
  display: block;
  width: 130rpx;
  text-align-last: justify;
}

ios系统则需要伪类元素

text{
  width: 130rpx;
  text-align: justify;
  text-align-last:justify;
  text-justify: distribute-all-lines;
}
text{
  content: '';
  width:100%;
  display: inline-block;
  height: 0;
}