IE10中的Flexbox

use*_*261 12 css flexbox internet-explorer-10

我试图在IE10中使用flex box但它不起作用.Safari,Chrome和Firefox工作正常,但IE10不想工作.谁知道答案?

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;
Run Code Online (Sandbox Code Playgroud)

G-C*_*Cyr 27

对于IE10,应显示span inline-block以某种方式触发布局.


如果它修复它在这里测试:http://codepen.io/gc-nomade/pen/lhsEt

  • 谢谢,显示:block或inline-block + flex-shrink:1; 像魅力一样工作:) (2认同)