element-ui的form表单的 lable添加空格并对齐

element-ui的form表单的 lable添加空格并对齐

场景：我们需要把电话和备注与供应商名对齐

解决方法一：不推荐，这里的

 

不管用多少次都只能显示一个空格，但是我们可以添加css样式，使其与其他的参数一致，但这个太麻烦了

        <el-form-item >
          <label slot="label">电&nbsp;&nbsp;话：</label>
          <div v-text="supplier.phone" />
        </el-form-item>

解决方法二：复制后面方框中的空字符【　】

代码如下：

<!-- eslint-disable -->

和

<!-- eslint-enable -->

用于消除中间代码的eslint验证

        <!-- eslint-disable -->
        <el-form-item label="电　　话：">
          <div v-text="supplier.phone" />
        </el-form-item>
        <el-form-item label="备　　注：">
          <div v-text="supplier.remark" />
        </el-form-item>
        <!-- eslint-enable -->