如何使flexbox支持IE10和Safari？

Question

现在我有了这段代码：

display: flex;
justify-content: center;
align-items: center;

该元素以Chrome和Firefox为中心，但不在IE10上。我还没有在Safari和其他浏览器上查看它，但我希望它也支持它们。我应该在此代码中添加什么内容？

Answer 1

您将需要IE10，Safari 8及更低版本的相关供应商前缀，例如：

.my-class-name {

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

}

• Flexbox支持表：caniuse.com/#feat=flexbox
• Autoprefixer：autoprefixer.github.io
• Prefixfree：leaverou.github.io/prefixfree