2016-08-23 79 views
0

我在React中制作了一个flexbox,并且可以在IE10以外的所有浏览器中使用它。我尝试了很多组合,我觉得我现在只是在猜测。React flexbox与ie 10的兼容性

任何人都看到问题了吗?

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'}} /> 
+0

你能描述IE10出了什么问题吗? –

+0

欢迎来到StackOverflow。请阅读并遵守帮助文档中的发布准则。 [最小,完整,可验证的示例](http://stackoverflow.com/help/mcve)适用于此处。在发布代码*和*准确描述问题之前,我们无法有效帮助您。 “不能得到它的工作”不是一个问题描述。 *会发生什么? – Prune

回答

1

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

有关更多信息,请参阅MDN Browser Compatiblity matrix

Internet Explorer 10支持旧规格不兼容的草案版本; Internet Explorer 11已更新为支持最终版本。