在Internet Explorer中显示inline-flex [英] display inline-flex in Internet Explorer

问题描述

使用bootstrap和angularjs创建一个web应用程序，并尝试创建一个输入组，并使用 display：inline-flex 在Chrome中，但不是在IE，这里是我有我的CSS和一些屏幕截图。

  .input-group {
 display：inline-flex！important; 
 height：31px; 
} 
  

提前感谢。

Plnkr中的示例

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

解决方案

Flexbox有很多版本的语法，如果你想要支持旧的浏览器，你必须使用所有的。

请阅读此链接。使用autoprefixer而不是自己写每个prexif。链接自动标记

im using bootstrap, and angularjs to create a web app, and im trying to create a input-group, and im using display: inline-flex and it works great in Chrome but not in IE, here is what i have in my CSS and some screen shots.

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

thanks in advance.

Example in Plnkr

edit: here is a plunker i created to recreate my question, if you open the plnkr in Chrome the input stack but if you open in IE is like nothing happen.

解决方案

Flexbox has many version of syntax, if you want to support older browsers you must use all of them.

Read this link. Use autoprefixer instead of writing every prexif by self. Link autoprefixer

这篇关于在Internet Explorer中显示inline-flex的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！