vue element组件el-input标签和el-select(多选框)宽度不一样

问题描述:

在用vue时,用到了element组件的 el-input 和 el-select(多选框)组件,但是宽度显示不一样,查看了多选框的css,发现element-style是写死的


vue element组件el-input标签和el-select(多选框)宽度不一样_第1张图片

页面的代码如下:


vue element组件el-input标签和el-select(多选框)宽度不一样_第2张图片

后来通过实验找到一个很简单的方法,如下图:


vue element组件el-input标签和el-select(多选框)宽度不一样_第3张图片

添加style="width:100%" ,就可以解决

最后效果图:


vue element组件el-input标签和el-select(多选框)宽度不一样_第4张图片

你可能感兴趣的:(vue element组件el-input标签和el-select(多选框)宽度不一样)