怎么让el-form-item label 和el-input 设置间距

要为el-form-item的label和el-input设置间距，您可以使用以下两种方法之一：

1. 使用Element UI的内置属性：Element UI的el-form-item组件提供了label-width属性，您可以使用它来设置label和input之间的间距。通过为label-width属性指定一个值（如"100px"），可以将label的宽度设置为固定值，从而产生间距效果。例如：

<el-form>
  <el-form-item label="Label" label-width="100px">
    <el-input></el-input>
  </el-form-item>
</el-form>

2. 使用自定义CSS样式：您可以为el-form-item的label和el-input添加自定义的CSS样式来设置它们之间的间距。例如，您可以使用margin属性为它们添加上下或左右的间距。以下是一个示例：

<el-form>
  <el-form-item>
    <label class="custom-label">Label</label>
    <el-input class="custom-input"></el-input>
  </el-form-item>
</el-form>

<style>
.custom-label {
  margin-right: 10px; /* 设置label右侧间距 */
}

.custom-input {
  margin-left: 10px; /* 设置input左侧间距 */
}
</style>

通过这种方式，您可以根据需要自定义label和input之间的间距。

这些方法可以根据您的具体需求进行调整和扩展。您可以选择适合您项目的方式来设置label和input之间的间距。