IE10의 Flexbox.

Question

IE10에서 Flex Box를 사용하려고하지만 작동하지 않습니다.사파리, 크롬 및 파이어 폭스가 잘 작동하지만 IE10은 일하고 싶지 않습니다.누구나 답을 알고 있습니까?

Codepen : http://codepen.io/anon/pen/vcegh/ / P>

  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;

.

Answer 1

IE10의 경우, 스팬은 inline-block로 표시되어 레이아웃을 어떻게 든 트리거해야합니다.

---

여기에서 "noreferrer"> http://codepen.io/gc-nomade/pen/ lhset