elementUI 表单label两端对齐

elementUI 表单label两端对齐 第一种label没有带*号第二种label带*号

第一种label没有带*号

修改之前
修改之后（英文无效）

样式调整

.el-form-content{
  /deep/ .el-form-item__label{
    text-align: justify;
  }
  /deep/ .el-form-item__label::after{
     content: ' ';
     width: 100%;
     display: inline-block;
   }
}

第二种label带*号

修改之前 （可以看到 加上表单规则之后 之前写的样式有问题）

修改之后

样式调整（去掉form表单原有的label的星号，label用slot代替，添加after伪类。。。。。）

.el-form-content{
  /deep/ .el-form-item__label{
    text-align: justify;
  }
  /deep/ .el-form-item__label::after{
     content: ' ';
     width: 100%;
     display: inline-block;
   }
  /deep/ .el-form-item__label::before{
    display: none;
  }
  .slot_form_label{
    position: relative;
  }
  .slot_form_label::after{
     content: '*';
     width: 100%;
     display: inline-block;
     position: absolute;
     left: -10px;
     color: red;
  }
}