आईई 10

Question

में फ्लेक्सबॉक्स मैं आईई 10 में काम कर रहे फ्लेक्स बॉक्स प्राप्त करने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है। सफारी, क्रोम और फ़ायरफ़ॉक्स ठीक काम कर रहे हैं, लेकिन आईई 10 काम नहीं करना चाहता। किसी को जवाब पता है?

codepen: http://codepen.io/anon/pen/vcEGH/

display: -moz-box;    /* OLD - Firefox 19- (doesn't work very well) */ 
    display: -ms-flexbox;   /* TWEENER - IE 10 */ 
    display: -webkit-flex;   /* NEW - Chrome */ 
    display: flex;     /* NEW, Spec - Opera 12.1, Firefox 20+ */ 

    -webkit-box-direction: normal; 
    -moz-box-direction: normal; 
    -ms-flex-direction: row; 
    -webkit-flex-direction: row; 
    flex-direction: row; 

    -webkit-box-lines: multiple; 
    -moz-box-lines: multiple; 
    -ms-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    flex-wrap: wrap; 

    -webkit-box-pack: justify; 
    -moz-box-pack: justify; 
    -ms-flex-pack: justify; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 

Answer 1

IE10 के लिए, अवधि किसी भी तरह लेआउट को गति प्रदान करने inline-block के रूप में प्रदर्शित किया जाना चाहिए।

---

टेस्ट यहाँ अगर यह यह ठीक करता है: http://codepen.io/gc-nomade/pen/lhsEt