【问题标题】:Does IE9 not support display: inline-flex at all?IE9 根本不支持 display: inline-flex 吗?
【发布时间】:2014-12-16 21:31:08
【问题描述】:

我一直在寻找 StackOverflow,甚至在哪里可以找到 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

标签: css internet-explorer flexbox internet-explorer-9


【解决方案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,我应该在
猜你喜欢
  • 2021-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-29
  • 2012-02-16
  • 1970-01-01
  • 1970-01-01
  • 2011-03-01
相关资源
最近更新 更多