मैं प्रति पंक्ति तीन कॉलम कैसे दिखा सकता हूं?

Question

मैं प्रति पंक्ति तीन कॉलम दिखाने की कोशिश कर रहा हूं। क्या यह flexbox का उपयोग कर संभव है?

.mainDiv { 
    display: flex; 
    margin-left: 221px; 
    margin-top: 43px; 
} 

इस कोड को एक ही पंक्ति में सभी सामग्री को कहते हैं:

मेरे वर्तमान सीएसएस कुछ इस तरह है। मैं प्रति पंक्ति तीन रिकॉर्ड दिखाने के लिए एक बाधा जोड़ना चाहता हूं।

Answer 1

यह हो सकता है आप के लिए क्या देख रहे:

http://jsfiddle.net/L4L67/

body>div { 
 
    background: #aaa; 
 
    display: flex; 
 
    flex-wrap: wrap; 
 
} 
 

 
body>div>div { 
 
    flex-grow: 1; 
 
    width: 33%; 
 
    height: 100px; 
 
} 
 

 
body>div>div:nth-child(even) { 
 
    background: #23a; 
 
} 
 

 
body>div>div:nth-child(odd) { 
 
    background: #49b; 
 
}

<div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
</div>

Answer 2

एक समाधान मिला: संपत्ति को जोड़ना flex-flow: row wrap; समस्या को हल करेगा।

.mainDiv { 
    display: flex; 
    margin-left: 221px; 
    margin-top: 43px; 
    width:100px; 
    flex-flow: row wrap; 
}