【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上

【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上

一、问题复现

如图所示,左边的输入框和右边的下拉选择框不在同一水平线上。
在这里插入图片描述

二、观察现象

在这里插入图片描述
可以看到行元素内的子元素顶部都是对齐的,而且下拉选择框的顶部和行的顶部是有间隙的,因此问题就出现在对齐的属性上。

三、修改CSS属性

增加下拉选择框的垂直对齐属性,该属性定义行内元素基线相对于该元素所在行的基线的垂直对齐。

style="vertical-align: top;"

四、结果

在这里插入图片描述


版权声明:本文为qq_40657528原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。