O Flexbox em IE10
-
21-12-2019 - |
Pergunta
Eu estou tentando chegar flex caixa de trabalhar no IE10, mas ele não está funcionando.Safari, Chrome e Firefox estão funcionando bem, mas o IE10 não quer trabalhar.Alguém sabe a resposta?
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;
Solução
Para o IE10 , o período deve ser apresentado como inline-block
para acionar o layout de alguma forma .
Teste aqui se fixa : http://codepen.io/gc-nomade/pen/lhsEt
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow