Các vấn đề với IE10 và flexbox - Bản thảo tháng 3 năm 2012 không hoạt động?

Question

Tôi đang cố gắng để bố cục flexbox của mình tương thích với IE10, theo kiến ​​thức của tôi, hãy sử dụng March 2012 draft các hộp flexbox. Tôi đã thử mọi cú pháp freaking và mọi biến thể của nó, nhưng vô ích. IE10 tôi đã cài đặt trong Parallels (Tôi đang sử dụng máy Mac) là phiên bản 10.0.9200.16660, nên sử dụng nó theo kiểu flexbox của IE10?

Dưới đây là mã của tôi:

.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; 
} 

Tôi đã thử những gì có vẻ như mọi varition của các điều khoản với "-ms-" tiền tố và nếu không có sự "-ms-" tiền tố (những gì họ sử dụng trong IE11) nhưng không có kết quả. Thuộc tính duy nhất của lớp mà bảng điều khiển IE của tôi cho tôi biết là màn hình hiển thị ": -ms-flexbox" bit. Tôi đang rất, rất chậm hoặc tôi đã sử dụng bản nháp sai cho IE10 ?? Đã có một bản cập nhật cho IE10 mà làm cho flexboxes không hoạt động hoặc một cái gì đó?

Mọi thông tin sẽ vô cùng hữu ích vì tôi có thể tìm thấy rất ít về chủ đề này. Cảm ơn bạn! :-)

Answer 1

Đây là một chút của một đoán, nhưng hãy thử chuyển thứ tự để

.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; 
}