如何垂直对齐一个JQuery按钮的选择?

我确信这有一个简单的解决方案,但到目前为止我还没有找到它,我准备把我的电脑扔到窗口。

任何想法,我可以垂直对齐一个选择与jQuery按钮,其中按钮的高度大于选择的高度。喜欢这个:

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

我正在尝试对齐它们,以便选择位于按钮的中间。

非常感谢!

2
额外 编辑
意见: 1
请始终在问题中包含您的源代码。
额外 作者 VisioN,

3 答案

这对我很有效:

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

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

5
额外
非常好,非常感谢!简单的解决方案永远是最好的。我真的一直在看着这个几个小时,嵌套的div从我耳中走出来。
额外 作者 BigMeat,
@MartinBurrow是的,最简单的解决方案就是时间:)不客气!
额外 作者 VisioN,

试试这个:

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

 $(document).ready(function() {

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

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

使用@jnylen发布的CSS样式类:

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;
}​

0
额外

这是我可以找到的唯一方法,使其像素完美:

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

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

Demo: http://jsfiddle.net/hCCzQ/12/

它在Firefox和IE7中看起来不错。

0
额外