Vue Element表单中的label文字均匀占满显示

要让Vue Element表单中的label文字均匀占满显示

在Vue组件中，设置label-width属性为一个较大的值，以确保label的宽度足够容纳文字。

<el-form label-width="120px">
  <!-- 表单项 -->
</el-form>

在CSS样式中，使用text-align: justify来实现文字均匀分布。

::v-deep .el-form-item__label {
  text-align: justify;
}

::v-deep .el-form-item__label::after {
  content: "";
  display: inline-block;
  width: 100%;
}

如果要全局应用这个样式，将上面的css代码复制到App.vue文件中

这样，label文字将会均匀分布在整个label宽度内，实现文字占满显示的效果。