vue的el-form-item标签的label展示名称左右对齐

vue的el-form-item是下面的样子

<el-form-item label="产品名称">
       <el-input v-model="rightForm.productName"></el-input>
 </el-form-item>

项目中要求文字来那个段对齐，所以在网上百度一下，亲测实用的方法是

在style中加入下面的代码

 .el-form-item label:after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    .el-form-item__label {
        text-align: justify;
        height: 50px;
    }
    
    .el-form-item.is-required .el-form-item__label:before {
        content: none !important;
    }