elementui 中 el-input 调整边框宽度

问题描述:

项目中遇到 调整 el-input边框大小的问题,但是在通过右键 “检查”时,调整css后,多个输入框之间的距离特别大,不能调整。
于是想到用 布局span属性。
elementui官方是这样规定的:
elementui 中 el-input 调整边框宽度_第1张图片

解决方法:

在项目中是这样解决的:首先有一个el-form表单,将表单内容放到一行中,然后对每个item外层加一个el-col 并对其设置栅格。

elementui 中 el-input 调整边框宽度_第2张图片 

效果如下:

elementui 中 el-input 调整边框宽度_第3张图片 

 

你可能感兴趣的:(vue,elementui,vue,elementui)