चर ऊंचाई कंटेनर

Question

नाव

तो मैं "ब्लॉक" है कि मैं छोड़ दिया फ्लोट करने के लिए चाहते हैं की एक्स राशि .. इस तरह:

एबीसीडी

EFGH

लेकिन, अगर B दो बार है जब तक बाकी, उदाहरण के लिए, वहाँ एक & ई के बीच सफेद स्थान होगा, सी & जी, डी & एच

कैसे मुझे लगता है कि बच सकते हैं और सिर्फ सभी कंटेनर बाईं ओर तैरने लगते हैं और फिर उत्कृष्टता के बिना अच्छी तरह से फिट है एसएस सफेद जगह के बीच में?

Answer 1

सीएसएस सामान्य मामले में इसे संभाल नहीं सकता है।

अगर वहाँ स्तंभों की एक निश्चित संख्या है, तो आप को धोखा देने के कर सकते हैं और ऐसा करते हैं: अन्यथा http://jsfiddle.net/suaaK/11/

:

उम्मीदवार तकनीकों का एक तुलना के लिए इस उत्तर देखें, दिखा रहा है कि वे काम नहीं करते:

• CSS Floating Divs At Variable Heights

यदि आप जावास्क्रिप्ट का उपयोग करने को तैयार हैं, तो आप हमें ऐसा करना चाहिए ई jQuery Masonry।

डेमो:

• http://masonry.desandro.com/demos/animating-css-transitions.html
• http://masonry.desandro.com/demos/adding-items.html

Answer 2

ऊर्ध्वाधर कॉलम horizontals बनाम में अपने सीएसएस सेट करें। स्मैशिंग मैगज़ीन में फ्लोट्स और उनके क्विर्क के बारे में एक बड़ा टुकड़ा है, एक नज़र डालें: http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/