Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS显示:表格单元格容器元素太高_Html_Css_Select - Fatal编程技术网

Html CSS显示:表格单元格容器元素太高

Html CSS显示:表格单元格容器元素太高,html,css,select,Html,Css,Select,我想知道,如果有人试图在display:table cell类型的div中显示select元素,是否会出现这个问题 在带有类输入组的div内部,有一个名为selectcontainer的元素 我希望该元素的显示高度不超过其内部的元素 我给了它一个高度:40px,但出于某种原因,它的计算高度是55px 我如何才能让它在一行中均匀地显示,就像它在上一样(仅供参考:在那里我激活了“selected”jquery,因此select元素被它隐藏了,但是在初始加载时,仍然会出现一种丑陋的效果,在一秒钟左右的

我想知道,如果有人试图在display:table cell类型的div中显示select元素,是否会出现这个问题

在带有类输入组的div内部,有一个名为selectcontainer的元素

我希望该元素的显示高度不超过其内部的元素

我给了它一个高度:40px,但出于某种原因,它的计算高度是55px


我如何才能让它在一行中均匀地显示,就像它在上一样(仅供参考:在那里我激活了“selected”jquery,因此select元素被它隐藏了,但是在初始加载时,仍然会出现一种丑陋的效果,在一秒钟左右的时间里,您会看到select元素向下移动了一点。)选择容器
div有一个默认的
垂直对齐
值设置为
基线
,这就是它粘在父div底部的原因。您需要将其
垂直对齐
属性设置为
顶部
,以便它移动到父div的顶部并在一个分区中均匀显示划船

将此CSS添加到样式表将解决此问题,我已在您的网站上对其进行了测试,效果良好:

#search-form .input-group .select-container {
     vertical-align: top;
}