el-form-item 自适应大小

el-form-item 是 Element UI 中的表单项组件，它默认是根据父组件 el-form 的宽度来自适应大小的。可以通过设置父组件 el-form 的宽度或者使用 CSS 来控制 el-form-item 的大小。

如果希望 el-form-item 自适应父组件 el-form 的宽度，可以通过设置 el-form 的 width 属性来控制宽度，例如：

<el-form :model="form" label-width="100px" width="400px">
 <el-form-item label="姓名">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
</el-form>

上述代码中，通过设置父组件 el-form 的 width 属性为 "400px"，el-form-item 就会根据父组件的宽度来进行自适应。

如果希望自定义 el-form-item 的大小，可以使用 CSS 来控制。比如给 el-form-item 添加一个自定义的 class，然后在 CSS 中设置宽度，如：

<el-form :model="form" label-width="100px">
  <el-form-item label="姓名" class="custom-form-item">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
</el-form>

<style>
.custom-form-item {
  width: 200px;
}
</style>

上述代码中，通过在 el-form-item 上添加一个自定义的 class "custom-form-item"，然后在 CSS 中设置宽度为 "200px"，就可以自定义 el-form-item 的大小。