display inline-flex in Internet Explorer

Asked Jul 01 '14 at 15:50

Active Jul 01 '14 at 20:05

Viewed 1.4k times

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;
}

inline-flex chrome inline-flex IE

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.

edited Jul 01 '14 at 19:39

asked Jul 01 '14 at 15:50

David Sttivend

2

Witch version of IE are you targetting? – web-tiki Jul 01 '14 at 15:51
hello im targetting internet explorer 10 – David Sttivend Jul 01 '14 at 16:06
3

The question is not in fact answered in the alleged duplicate. Assuming this is for IE10, the answer David is after is `display: -ms-inline-flexbox;` – Reggie Pinkham Aug 25 '16 at 22:41
use this alternative display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; – Thilina Dharmasena May 23 '18 at 10:29

display inline-flex in Internet Explorer

0 Answers0

Linked