आईई 10 और फ्लेक्सबॉक्स के साथ मुद्दे - मार्च 2012 मसौदा काम नहीं कर रहा है?

Question

मैं अपने फ्लेक्सबॉक्स लेआउट को IE10 के साथ संगत होने का प्रयास कर रहा हूं, जो मेरे ज्ञान के लिए flexboxes के March 2012 draft का उपयोग करता है। मैंने हर फ्रेकिंग सिंटैक्स और इसके हर बदलाव की कोशिश की है, लेकिन इसका कोई फायदा नहीं हुआ है। आईई 10 मैंने समानांतर में स्थापित किया है (मैं मैक पर हूं) संस्करण 10.0.9200.16660 है, जो इसे आईई 10 फ्लेक्सबॉक्स शैली का उपयोग करना चाहिए?

.uberflex { 
    display: flex; 
    flex-direction: column; 
    flex-wrap: wrap; 
    justify-content: flex-start; 
    align-items: flex-start; 

    display: -webkit-flex; 
    -webkit-flex-flow: column wrap; 
    -webkit-justify-content: flex-start; 
    -webkit-align-items: flex-start; 

    display: -ms-flexbox; 
    -ms-flex-direction: column; 
    -ms-flex-pack: center; 
    -ms-flex-wrap: wrap; 
} 

मैं कोशिश की है क्या (क्या वे IE11 में उपयोग) "-ms-" उपसर्ग के साथ और "-ms-" उपसर्ग के बिना इन शर्तों के हर varition की तरह लगता है:

यहाँ मेरी कोड है लेकिन कोई फायदा नहीं हुआ। कक्षा में मेरी आईई कंसोल की एकमात्र संपत्ति मुझे बता रही है कि "डिस्प्ले: -एमएस-flexbox" बिट है। क्या मैं बहुत धीमी हूं या क्या मैं आईई 10 के लिए गलत ड्राफ्ट का उपयोग कर रहा हूं ?? क्या आईई 10 में कोई अपडेट था जो फ्लेक्सबॉक्स काम नहीं करता या कुछ करता है?

कोई भी जानकारी बेहद सहायक होगी, क्योंकि मैं इस विषय पर बहुत कम खोज पा रहा हूं। धन्यवाद! :-)

Answer 1

यह एक अनुमान का एक सा है, लेकिन अपने IE10 में http://flexiejs.com/playground/ काम करता है

.uberflex { 

    display: -ms-flexbox; 
    -ms-flex-direction: column; 
    -ms-flex-pack: center; 
    -ms-flex-wrap: wrap; 

    display: -webkit-flex; 
    -webkit-flex-flow: column wrap; 
    -webkit-justify-content: flex-start; 
    -webkit-align-items: flex-start; 

    display: flex; 
    flex-direction: column; 
    flex-wrap: wrap; 
    justify-content: flex-start; 
    align-items: flex-start; 
}