如何垂直對齊一個JQuery按鈕的選擇？

Question

我確信有一個簡單的解決方案，但到目前爲止我還沒有找到它，我準備把我的電腦扔到窗口。

任何想法，我可以垂直對齊一個選擇與jQuery按鈕，其中按鈕的高度大於選擇的高度。就像這樣：

http://jsfiddle.net/hCCzQ/4/

我想對齊它們，這樣選擇是在按鈕的中間。

非常感謝！

Answer 1

這個工作對我來說很好：

select, button { 
    vertical-align: middle; 
} 
​ 

DEMO：http://jsfiddle.net/hCCzQ/6/

Answer 2

試試這個：

http://jsfiddle.net/oscarj24/5FL4a/

$(document).ready(function() { 

    var b = $("#abutton"); 
    var s = $('select'); 

    $(b, s).css('vertical-align', 'middle'); 
}); 

---

使用帶有CSS樣式類從@jnylen後：

JS：

$(document).ready(function() { 
    var b = $("#abutton"); 
    var s = $('select'); 

    b.addClass('btn'); 
    s.addClass('ddl'); 
}); 

CSS：

.btn { 
    margin: 0; 
    padding: 0; 
    height: 40px; 
    width: 32px; 
    vertical-align: middle; 
} 

.ddl { 
    margin: 0; 
    padding: 0; 
    position: relative; 
    top: 2px; 
    vertical-align: middle; 
}​ 

Answer 3

這是我能找到獲得的唯一方式，像素完美：

button { 
    margin: 0; 
    padding: 0; 
    height: 40px; 
    width: 32px; 
    vertical-align: middle; 
} 

select { 
    margin: 0; 
    padding: 0; 
    position: relative; 
    top: 2px; 
    vertical-align: middle; 
} 

演示：http://jsfiddle.net/hCCzQ/12/

它看起來在Firefox和IE7不錯。