一、问题复现
如图所示,左边的输入框和右边的下拉选择框不在同一水平线上。
二、观察现象

可以看到行元素内的子元素顶部都是对齐的,而且下拉选择框的顶部和行的顶部是有间隙的,因此问题就出现在对齐的属性上。
三、修改CSS属性
增加下拉选择框的垂直对齐属性,该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
style="vertical-align: top;"
四、结果

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