কিভাবে একটি উল্লম্ব JQuery বোতাম সঙ্গে একটি নির্বাচন সারিবদ্ধ?

আমি নিশ্চিত এই জন্য একটি সহজ সমাধান আছে, কিন্তু এতদূর আমি এটি পাওয়া যায় নি এবং আমি উইন্ডোর মাধ্যমে আমার পিসি নিক্ষেপ করার জন্য প্রস্তুত সম্পর্কে।

কোনও ধারণা কিভাবে আমি উল্লম্ব একটি jQuery বোতাম যেখানে একটি নির্বাচন করুন উচ্চতা তুলনায় বাটন উচ্চতা সঙ্গে একটি সংখ্যার সাইন ইন করতে পারেন। এটার মত:

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

আমি তাদের সারিবদ্ধ করার চেষ্টা করছি যাতে নির্বাচন বোতামের মাঝখানে হয়।

অনেক ধন্যবাদ!

2
যোগ সম্পাদিত
মতামত: 1
দয়া করে প্রশ্নে আপনার উৎস কোডটি সর্বদা অন্তর্ভুক্ত করুন।
যোগ লেখক VisioN, উৎস

3 উত্তর

এটি আমার জন্য ভাল কাজ করে:

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

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

5
যোগ
চমৎকার, ধন্যবাদ অনেক! সহজ সমাধান সর্বদা সেরা। আমি আক্ষরিক আমার কান থেকে আসছে নেস্টেড divs সঙ্গে ঘন্টা জন্য এই সময়ে খুঁজছেন হয়েছে।
যোগ লেখক BigMeat, উৎস
@ মার্টিন বুরও হ্যাঁ, সহজ সমাধান সময়মত ফিড করে :) আপনাকে স্বাগতম!
যোগ লেখক VisioN, উৎস

এটি চেষ্টা করুন:

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

 $(document).ready(function() {

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

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

@jnylen পোস্ট থেকে CSS শৈলীগুলি দিয়ে ক্লাসগুলি ব্যবহার করা:

এ জাতীয়:

$(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
যোগ