Flexbox在IE10 [英] Flexbox in IE10

问题描述

我试图让弹出框在IE10工作，但它不工作。 Safari，Chrome和Firefox都工作正常，但IE10不工作。任何人都知道答案？

I'm trying to get flex box working in IE10 but it's not working. Safari, Chrome and Firefox are working fine, but IE10 doesn't wanna work. Anyone knows the answer?

代码： 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;

推荐答案

对于IE10，span应显示为 inline-block 以某种方式触发布局。

For IE10 , span should be displayed as inline-block to trigger layout somehow .

： http://codepen.io/gc-nomade/pen/lhsEt

这篇关于Flexbox在IE10的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！