div

Question

में नीचे से शीर्ष तक छवियों को पिल करना कहें कि मेरे पास एक निश्चित चौड़ाई और ऊंचाई वाला एक div कंटेनर है। अब, मैं कंटेनर में छवियों को जोड़ना चाहता हूं, छवियों को एक-दूसरे के ऊपर पिलिंग करना है।

यदि मैं सिर्फ कंटेनर की चौड़ाई को ठीक करता हूं, और इसके अंदर छवियां जोड़ता हूं, तो वे ऊपर से नीचे तक ढेर हो जाएंगे। मैं उन्हें नीचे से ऊपर तक कैसे ढेर कर सकता हूं?

धन्यवाद

Answer 1

यह आधुनिक ब्राउज़रों में काम करने के लिए, आपको display: table-cell इस्तेमाल कर सकते हैं:

सीएसएस

.container { 
    display: table-cell; 
    vertical-align: bottom; 
} 
.child { 
    display: inline-block; /* act like image */ 
} 

एचटीएमएल

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

An example on jsfiddle.

वैसे, जो उन्हें केवल नीचे तक संरेखित करता है, यह अभी भी शीर्ष पर पहला ब्लॉक दिखाता है ...