Html CSS显示:表格单元格容器元素太高
我想知道,如果有人试图在display:table cell类型的div中显示select元素,是否会出现这个问题 在带有类输入组的div内部,有一个名为selectcontainer的元素 我希望该元素的显示高度不超过其内部的元素 我给了它一个高度:40px,但出于某种原因,它的计算高度是55pxHtml CSS显示:表格单元格容器元素太高,html,css,select,Html,Css,Select,我想知道,如果有人试图在display:table cell类型的div中显示select元素,是否会出现这个问题 在带有类输入组的div内部,有一个名为selectcontainer的元素 我希望该元素的显示高度不超过其内部的元素 我给了它一个高度:40px,但出于某种原因,它的计算高度是55px 我如何才能让它在一行中均匀地显示,就像它在上一样(仅供参考:在那里我激活了“selected”jquery,因此select元素被它隐藏了,但是在初始加载时,仍然会出现一种丑陋的效果,在一秒钟左右的
我如何才能让它在一行中均匀地显示,就像它在上一样(仅供参考:在那里我激活了“selected”jquery,因此select元素被它隐藏了,但是在初始加载时,仍然会出现一种丑陋的效果,在一秒钟左右的时间里,您会看到select元素向下移动了一点。)选择容器
div有一个默认的垂直对齐
值设置为基线
,这就是它粘在父div底部的原因。您需要将其垂直对齐
属性设置为顶部
,以便它移动到父div的顶部并在一个分区中均匀显示划船
将此CSS添加到样式表将解决此问题,我已在您的网站上对其进行了测试,效果良好:
#search-form .input-group .select-container {
vertical-align: top;
}