क्षैतिज रूप से पहले लंबवत div stack कैसे करें?

Question

संभव डुप्लिकेट:
How to stack divs from top to bottom in CSS

जब मैं float:left के साथ कई आसन्न divs है, वे इस तरह ढेर:

_______ 
| 1 2 3 | 
| 4 5 | 
|_______| 

मैं इस तरह एक ढेर हैं:

_______ 
| 1 4 | 
| 2 5 | 
|_3_____| 

jsFiddle with the horizontal stacking

मैं वर्टिकल स्टैकिंग कैसे प्राप्त कर सकता हूं?

Answer 1

@ पिनचॉन; इस प्रकार के लेआउट के लिए आप इसके लिए css3 column-count property का उपयोग कर सकते हैं।

सीएसएस:

div#multicolumn1 { 
     -moz-column-count: 2; 
     -moz-column-gap: 10px; 
     -webkit-column-count: 2; 
     -webkit-column-gap: 10px; 
     column-count: 2; 
     column-gap: 10px; 

} 

अधिक How to stack divs from top to bottom in CSS

के लिए यहाँ मेरी उदाहरण की जाँच करें के लिए और अधिक http://www.quirksmode.org/css/multicolumn.html