IE9是否完全不支持display: inline-flex属性？

Question

我一直在StackOverflow和其他地方寻找display: inline-flex;是否适用于IE9。我以前发了一个关于动态扩展宽度的问题，问题在这里。 答案帮助了我，非常感谢！现在我已经解决了问题，在Chrome、Opera、Mozilla、Safari、IE10+中都可以正常工作，但在IE9中仍然有问题。

我也尝试添加display: inline-flex;的前缀，例如display:-webkit-inline-box、-ms-inline-flexbox等等。

整个问题固定的解决方法是使用width: auto;和display: inline-flex; 工作示例在这里 我该如何让它在IE9中工作？

- maverick

---

IE9不支持flexbox布局：http://caniuse.com/#search=flex - Chris Herbert

好的，有没有办法让它在IE9上工作？如果你看一下我的示例，你会发现它在其他浏览器中都能正常工作！ - maverick

这是一个有点旧的帖子，但我在寻找解决方案时遇到了它（因为Bootstrap 4将完全采用flexbox格式）。我发现了这个插件，它似乎得到了维护：https://github.com/jonathantneal/flexibility - Andrew Newby

Answer 1

正如您在这里看到的：我可以使用FlexBox吗？，Flexbox在IE9中不受支持。

编辑 : 根据问题发布者的评论：

是否有任何方法可以通过前缀或其他方式使其在IE9中工作？

这里是另一个相关 question 的stackoverflow用户的回答：

我从你的问题中了解到，你已经意识到IE9不支持flexbox。 有一个名为flexie.js的flexbox polyfill（据我所知未得到维护），但它使用旧的2009年flexbox语法进行工作。 当然，使用旧语法并不推荐，因为2009年语法已经过时，许多浏览器不再支持它。但是，您可以尝试使用Autoprefixer，它将新语法规则转换为旧语法规则（同时保留新语法以供支持它的浏览器使用）。 有一些注意事项 - 您将无法使用内联样式，必须在CSS文件中编写样式，并且我认为它不支持对DOM的动态更改。 免责声明：我没有尝试过在IE9 + flexie中使用该方法。

- dippas

---

是的，我也访问了那个页面并看到 flex 不起作用。但我的问题是是否有任何方法可以在 IE9 中使其工作，使用前缀或其他方式？ 有什么绕过方式，使其成为可能... - maverick

8/9 就是根本不支持它。所以不算真正支持。table-cell 是你能得到的最接近的选择。 - geebru

好的。那么在IE9中没有办法让它工作吗？ - maverick

请查看此演示：https://github.com/doctyper/flexie/blob/master/demo/index.html - dippas

哦，我不是那个意思。但是如果我要使用它，将CSS规则保留在<!-- [if IE9]>中是否是最好的方法？因为我不想只因为我试图使我的时间轴滑块适用于IE9而让我的当前样式表和JavaScript发生冲突...你明白我的意思吗？ - maverick