JQuery बटन के साथ चयन को लंबवत कैसे करें?

मुझे यकीन है कि इसके लिए एक आसान समाधान है, लेकिन अब तक मुझे यह नहीं मिला है और मैं खिड़की के माध्यम से अपने पीसी को फेंकने के लिए तैयार हूं।

कोई विचार है कि मैं एक jQuery बटन के साथ एक चयन को लंबवत कैसे संरेखित कर सकता हूं जहां बटन ऊंचाई चयन की ऊंचाई से अधिक है। इस कदर:

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

मैं उन्हें संरेखित करने की कोशिश कर रहा हूं ताकि चयन बटन के बीच में हो।

बहुत धन्यवाद!

2
जोड़ा संपादित
विचारों: 1
प्रश्न में हमेशा अपना स्रोत कोड शामिल करें।
जोड़ा लेखक VisioN, स्रोत

3 उत्तर

यह मेरे लिए अच्छी तरह से काम करता है:

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

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

5
जोड़ा
बढ़िया, बहुत बहुत धन्यवाद! सरल समाधान हमेशा सबसे अच्छा है। मैं सचमुच घंटों के घोंसले के साथ अपने कानों से निकलने वाले घंटों तक देख रहा हूं।
जोड़ा लेखक BigMeat, स्रोत
@MartinBurrow हां, उस समय सबसे सरल समाधान फ़ीड :) आपका स्वागत है!
जोड़ा लेखक VisioN, स्रोत

इसे आज़माएं:

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

 $(document).ready(function() {

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

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

@jnylen पोस्ट से सीएसएस शैलियों के साथ कक्षाओं का उपयोग करना:

जे एस:

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

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

सीएसएस:

.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/

यह फ़ायरफ़ॉक्स और आईई 7 में बहुत अच्छा लग रहा है।

0
जोड़ा