IE9 根本不支持 display: inline-flex 吗？

Posted 2023-03-06

【中文标题】IE9 根本不支持 display: inline-flex 吗？

【英文标题】：Does IE9 not support display: inline-flex at all?

【发布时间】：2014-12-16 21:31:08

【问题描述】：

我一直在寻找 ***，甚至在哪里可以找到 display: inline-flex; 是否在 IE9 中工作。在此之前我在动态扩展宽度时遇到问题时发布了一个问题，question here.

答案帮助了我，谢谢你是谁！现在我已经解决了这个问题并且它在 Chrome、Opera、Mozilla、Safari、IE10+ 中运行良好，但我仍然无法在 IE9 中运行它。

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

解决整个交易的问题是width: auto; 和display: inline-flex;

工作小提琴here

我怎样才能让它在 IE9 中工作？

【问题讨论】：

看起来 IE9 不支持 flexbox：caniuse.com/#search=flex

好吧，有什么办法可以让它在 IE9 中工作？如果你看看我的小提琴，你会发现它在其他浏览器中也能正常工作！

这篇文章有点老了，但我在寻找解决方案时遇到了它（因为 Bootstrap 4 将完全采用 flexbox 格式）。我遇到了这个插件，它似乎被维护了：github.com/jonathantneal/flexibility

【参考方案1】：

正如您在此处看到的：Can I use FlexBox? IE9 不支持 Flexbox

编辑：根据 OP 评论回答：

如果有什么办法让它在 IE9 中工作，带前缀什么的？

这是来自另一个相关question 的 SO 用户的回答：

我从你的问题中了解到，你知道这样一个事实 IE9 不支持弹性框。 用于 flexbox 的 polyfill，名为 flexie.js， 确实存在（未维护 afaik），但它可以使用旧的 2009 flexbox 的语法。

当然不推荐使用旧语法， 因为 2009 的语法已经过时了，很多浏览器都不会 再认了。但是，您可以尝试使用Autoprefixer， 将新语法规则转换为旧语法规则（同时保留 支持它的浏览器的新语法）。

有一些注意事项 - 您将无法使用内联样式，您必须在 CSS 文件中编写样式，而且我认为它不支持对 DOM。

免责声明：我没有用 IE9 + flexie 尝试过这种方法。

【讨论】：

是的，我也访问了那个页面，发现 flex 不起作用。但我的问题是，是否有任何方法可以使其在 IE9 中工作，带有前缀或其他东西？周围的东西，并使之成为可能......

8/9 完全不支持它。所以不是真的。表格单元格尽可能接近。

好的。所以没有办法让它在 IE9 中工作？

还有一个问题，如果我按照你的建议使用这个 flexie.js，我应该在