দেখুন: http://jsfiddle.net/b2BpB/1/
প্রশ্ন: আপনি বাক্স 1 এবং বক্স 3 কীভাবে পিতামাতার ডিভের শীর্ষে সারিবদ্ধ করতে পারেন boxContainer
?
#boxContainerContainer {
background: #fdd;
text-align: center;
}
#boxContainer {
display: inline-block;
border: thick dotted #060;
margin: 0px auto 10px auto;
text-align: left;
}
#box1 {
width: 50px;
height: 50px;
background: #999;
display: inline-block;
}
#box2 {
width: 50px;
height: 100px;
background: #999;
display: inline-block;
}
#box3 {
width: 50px;
height: 50px;
background: #999;
display: inline-block;
}
অনেক প্রশংসা সাহায্য ...
স্বীকৃতি: এই প্রশ্নের একটি উত্তর পূর্বে কর্তৃক প্রদত্ত থেকে forked হয় https://stackoverflow.com/users/20578/paul-d-waite : একটি CSS উপাদান পথ স্বয়ংক্রিয়ভাবে সামগ্রীর প্রস্থ থেকে আকার পরিবর্তন করতে, এবং একই সময়ে কেন্দ্রীভূত করা
vertical-align: top;
আপনার#boxContainer div
নির্বাচককে প্রয়োগ করতে হবে । এটি স্টাইলটিdiv
অভ্যন্তরের সমস্ত উপাদানগুলিতে প্রয়োগ করেboxContainer
।