el-input宽度设置

可以使用CSS样式来设置el-input的宽度，例如：

<el-input style="width: 300px;"></el-input>

这将使el-input的宽度为300像素。你也可以使用相对单位来设置宽度，比如百分比：

<el-input style="width: 50%;"></el-input>

这将使el-input的宽度为其父元素的50%。

相关问题

elementui的el-select、el-date-picker的宽度比el-input宽度短

这是因为element-ui的el-select、el-date-picker组件的默认宽度是180px，而el-input的默认宽度是100%。如果想让el-select、el-date-picker的宽度和el-input一样，可以通过设置style属性来实现，如下所示：

<el-select v-model="value" placeholder="请选择" style="width: 100%;">
  <el-option label="选项1" value="1"></el-option>
  <el-option label="选项2" value="2"></el-option>
</el-select>

<el-date-picker v-model="value" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>

<el-input v-model="value" placeholder="请输入内容"></el-input>

在上面的代码中，我们通过设置style属性来让el-select、el-date-picker的宽度和el-input一样。

el-input 宽度

可以通过设置el-input组件的style或class属性来指定其宽度。使用style属性设置宽度的方法如下：
<el-input placeholder="请输入内容" style="width: 200px;"></el-input>

另外，在使用Layout布局时，可以利用col组件和span属性来控制el-input的宽度。例如，设置span为8时，el-input将占据布局的1/3宽度：
<el-form-item label="审批人">
<el-col :span="8">
<el-input v-model="formInline.user" placeholder="审批人"></el-input>
</el-col>
</el-form-item>

另外，可以通过设置label-width属性来控制label的宽度，并通过设置el-input的宽度来实现宽度的自适应。

请注意，在直接设置宽度大小时，宽度将不具备响应式效果。

参考资料：
引用：https://blog.csdn.net/Xidian2850/article/details/104576398