el-input 宽度
时间: 2023-10-30 13:06:51 浏览: 160
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
阅读全文