[wechat][css]文字两端对齐的替代方法

最新推荐文章于 2024-01-21 17:34:57 发布

AlexKain

最新推荐文章于 2024-01-21 17:34:57 发布

阅读量277

点赞数

文章标签： css3 小程序

本文链接：https://blog.csdn.net/webfullstack/article/details/104862588

版权

WeChat 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

写在前面,由于微信小程序不支持的语法,就是把decode='true’打开,会导致微信开发者工具报错卡死,所以才有了下面的css和伪类的配合使用

使用的方案

// 最好配合宽度使用
.c-label2{
   margin-right:unit(32,rpx);
    display: inline-block;
    width:unit(129,rpx);
    text-align:justify;
    text-align-last: justify;
    position: relative;
    &:after{
      position: absolute;
      content:':';
      display: inline-block;
      top:0;
      right:unit(-10,rpx);
    }
  }

最终的效果显示如下图
在这里插入图片描述