在Internet Explorer中显示内联flex

即时通讯使用引导程序和angularjs创建一个Web应用程序，并试图创建一个输入组，并即时通讯使用display: inline-flex它在Chrome中工作很好，但不是在IE中，这里是什么我有我的CSS和一些屏幕截图。在Internet Explorer中显示内联flex

.input-group { 
    display: inline-flex !important; 
    height: 31px; 
}

inline-flex chrome inline-flex IE

在此先感谢。

编辑：这里是一个plunker我创建重现我的问题，如果你在Chrome中打开plnkr输入栈，但如果你在IE中打开就像没有发生。

女巫版的IE浏览器是你的目标？ –

你好我的目标是互联网浏览器10 –

这个问题实际上并没有在所谓的重复回答。假设这是针对IE10的，David之后的答案是'display：-ms-inline-flexbox;' –

Flexbox有许多版本的语法，如果你想支持旧浏览器，你必须使用它们全部。

阅读本文link。使用autoprefixer而不是自己写每个prexif。链接autoprefixer

2014-07-01 20:05:02 kusu

回答