IE9不支持显示:inline-flex吗?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE9不支持显示:inline-flex吗?相关的知识,希望对你有一定的参考价值。

我一直在寻找StackOverflow,甚至在哪里可以找到display: inline-flex;在IE9中的工作原理。我在此之前发布了一个问题,当我无法动态扩展宽度时,question here.

答案帮助了我,谢谢你,无论你是谁!既然我已经解决了这个问题,并且它在Chrome,Opera,Mozilla,Safari,IE10 +中运行良好,我仍然无法在IE9中完成这项工作。

我也尝试为display: inline-flex;添加前缀,例如qazxsw poi qazxsw poi,qazxsw poi等。

我解决了整个交易的问题是display:-webkit-inline-box

工作小提琴-ms-inline-flexbox

如何让它在IE9中工作?

答案

正如您在此处看到的:IE9中不支持width: auto; Flexbox

编辑:根据OP评论回答:

如果有任何方法使它在IE9中工作,带有前缀或什么?

这是来自另一个相关的display: inline-flex;的SO用户的回答:

我从你的问题中了解到,你知道IE9不支持flexbox这一事实。 Flexbox的polyfill,名为here,确实存在(不保持afaik),但它使用了旧的2009 flexbox语法。

当然不推荐使用旧语法,因为2009语法确实已经过时,许多浏览器将不再识别它。但是,您可以尝试使用Can I use FlexBox?,它将新语法规则转换为旧语法规则(同时为支持它的浏览器保留新语法)。

有一些警告 - 您将无法使用内联样式,您必须在CSS文件中编写样式,我认为它不支持对DOM的动态更改。

免责声明:我没有尝试过使用IE9 + flexie的方法。

以上是关于IE9不支持显示:inline-flex吗?的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap4支持IE9+浏览器吗

console在ie下不兼容的问题(console在ie9下阻碍页面的加载,打开页面一片空白)

IE9的console不兼容问题 (在控制台打开代码中要显示的结果,数据到了conso这里无法继续执行)

如何解决swiper3无法在ie9中运行的bug

iframe框架嵌入一个网页,在微信里面打开不显示内容,一片空白,在其他浏览器都正常,紧急求助,在线等!

IE9 RTW 是不是支持输入元素的占位符属性?