CSS顯示：表格單元格容器元素太高

Question

我想知道是否可能會出現任何人試圖在display：table-cell類型的div內顯示select元素的問題。

在http://dev.coinjabber.com/site/www.blockreward.io裏面的div與類input-group有一個叫做select-container的元素。

我希望這個元素不要顯示比它裏面的元素高的元素。

我給了它一個高度：40px，但它的計算高度是55px由於某種原因。我只能在http://dev.coinjabber.com（即：在那裏我激活了「選擇」的jquery，所以select元素被隱藏，但在初始加載時仍然存在其中，第二次或讓你看到的select元素醜陋的效果下移一點。）

Answer 1

的.select-container div有一個默認vertical-align值設置爲baseline這就是爲什麼它是堅持父div的底部。您需要將其vertical-align屬性設置爲top，以便它移動到父div的頂部並均勻顯示在一行中。

添加此CSS的樣式表就能解決的問題，我測試過它在你的網站和它的作品perfecly：

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