2016-08-23 137 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已更新爲支持最終版本。