React flexbox 与 ie 10 的兼容性答案

【问题标题】：React flexbox compatibility with ie 10React flexbox 与 ie 10 的兼容性
【发布时间】：2016-08-24 03:10:58
【问题描述】：

我正在 React 中制作一个 flexbox，并且可以让它在除 IE10 之外的所有浏览器中工作。我已经尝试了很多组合，我觉得我现在只是在猜测。

有人发现问题了吗？

const innerToolbarStyle = {
  display: 'flex',
  alignItems: 'center',
  width: '100%'
}

<div style= {innerToolbarStyle}>
    {item(Search, props, {margin: 'auto', flex: 1, paddingRight: 10})}
    {item(FilterToggle, props, {margin: 'auto', paddingRight: 10})}
    {item(Sorter,       props, {margin: 'auto', paddingRight: 10})}
    {item(AdminOptions, props, {margin: 'auto'})}
<div style={{clear: 'right'}} />

【问题讨论】：

您能描述一下 IE10 出了什么问题吗？
欢迎来到 StackOverflow。请阅读并遵循帮助文档中的发布指南。 Minimal, complete, verifiable example 适用于此。在您发布代码并准确描述问题之前，我们无法有效地帮助您。 “不能让它工作”不是问题描述。 会发生什么？

标签： reactjs flexbox internet-explorer-10

【解决方案1】：

IE 10 不支持当前的 Flexbox 标准，只支持带有 -ms- 前缀的旧不完整版本。

请参阅MDN Browser Compatiblity matrix 了解更多信息。

Internet Explorer 10 支持旧的不兼容的规范草案版本； Internet Explorer 11 已更新以支持最终版本。

【讨论】：