css 两端对齐

效果

代码

//css

  /* 文字 两端对齐 */

  .label_justify { 
   
    display: inline-block;
    overflow: hidden;
    text-align: justify;
    text-align-last: justify;
    /* &::after { content: ''; display: inline-block; padding-left: 100%; } */
  }
//html
<span style="width: 80px" class="text-c_gray-5 label_justify">{ 
   { 
   item.label}}</span>

今天的文章css 两端对齐分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。