在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

回答