CSS显示：table-cell容器元素太高

Question

我想知道是否有人试图在div中显示select元素的任何人都会出现这个问题：table-cell类型。

在具有类输入组的div内的http://dev.coinjabber.com/site/www.blockreward.io上有一个名为select-container的元素。

我希望该元素不会显示高于其中元素的任何元素。

我给它一个高度：40px但由于某种原因它的计算高度是55px。

我怎样才能让它在一行中均匀分布，就像它在http://dev.coinjabber.com上一样（仅供参考：在那里我已经激活了“选择”的jquery，因此select元素被隐藏了但是在初始加载时还有一个丑陋的效果，在大约一秒左右，你会看到选择元素向下移动了一点。）

Answer 1

.select-container div的默认vertical-align值设置为baseline，这就是为什么它会粘贴在父div的底部。您需要将其vertical-align属性设置为top，以便它移动到父div的顶部并在一行中均匀显示。

将这个CSS添加到您的样式表将解决这个问题，我已经在您的网站上对其进行了测试，并且工作正常：

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