Макет Flexbox не работает в Internet Explorer 10

http://jsfiddle.net/J8rL7/87/

В соответствии сhttp://caniuse.com/#feat=flexbox

Он должен работать для IE10 с вендором-префиксом.

Но это не так!

ОБНОВЛЕНИЕ: И я только что проверил в последнем Firefox, он выглядит полностью сломанным.

Зачем?


    
        
            1
            2
            3 
           
        
            Total
            Test
        
    


body, html{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

div{
    text-align:center;
   }

.box
{
    display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;
    display:-ms-box;-ms-box-pack:center;-ms-box-align:center;
    display:-moz-box;-moz-box-pack:center;-moz-box-align:center;
}

Ответы на вопрос(2)

которые вы хотите видеть в стеке.

http://jsfiddle.net/J8rL7/101/

#wrapper div {width:100%;}

Частичная поддержка относится к поддержке одного из двух старых проектов, и они неЗапомните, какой браузер поддерживает какой черновик. IE10 поддерживаетМарт 2012 проект, и это'единственный, ктоИзвестно, что сделать это.

http://codepen.io/cimmanon/pen/ApHEy

.box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* fix for old FF */
  width: 100%;
}

ВАШ ОТВЕТ НА ВОПРОС