vue中el-form宽度设置

在Vue中使用`el-form`组件时，可以通过设置`label-width`和`content-width`属性来设置表单的宽度。

`label-width`属性用于设置表单项标签的宽度，可以取值为像素值或百分比。例如：

<el-form label-width="80px">
  <el-form-item label="用户名">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="密码">
    <el-input type="password"></el-input>
  </el-form-item>
</el-form>

这样，表单项的标签宽度就被设置为了80像素。

`content-width`属性用于设置表单项内容区域的宽度，同样可以取值为像素值或百分比。例如：

<el-form content-width="80%">
  <el-form-item label="用户名">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="密码">
    <el-input type="password"></el-input>
  </el-form-item>
</el-form>

这样，表单项的内容区域宽度就被设置为了父容器宽度的80%。

同时，还可以通过设置`inline`属性为`true`来将`el-form-item`的标签和内容排在同一行。例如：

<el-form inline>
  <el-form-item label="用户名">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="密码">
    <el-input type="password"></el-input>
  </el-form-item>
</el-form>

这样，表单项就会以行内元素的形式排列。