text-align如何实现两端对齐(兼容IOS版)

text-align-last:justify可实现文字两端对齐 (不兼容IOS),具体看如下图:

在这里插入图片描述

实现 IOS 文字两端对齐 : 实现原理为:使用伪类使该元素不为最后一行

     .label_name {
    
    
        min-width: 140rpx;
        text-align: justify;
        display: inline-block;
        text-align-last: justify;
        vertical-align: top;
        &:after {
    
    
          display: inline-block;
          content: '';
          overflow: hidden;
          width: 100%;
          height: 0;
        }
      }

猜你喜欢

转载自blog.csdn.net/qq_44094296/article/details/124131489
今日推荐