微信小程序实现文本两端对齐

在小程序开发中经常会用到文本的两端,比如登录的用户名、密码、验证码等需要让这些文字左右对齐,下面介绍常用的对齐方式:

1.使用下面这样,经过测试在开发工具中有效,但是在手机端测试无效,兼容性不好。

.text{
  text-align: justify;
  text-align-last:justify;
}

2.使用下面这种,兼容性比较好,手机端还有开发工具中都可以实现。

.text{
  text-align: justify;
}
.text::after{
  width: 100%;
  display: inline-block;
  content: '';  //这三个都不可以少
}

记录此贴,以备遗忘。

你可能感兴趣的:(微信小程序实现文本两端对齐)