Html Flexbox在IE中似乎不起作用

对于一个网站，我使用一些FlexBox。这些框在除IE之外的所有浏览器中都能完美工作。下面我将为您提供一个简化版本：

<div class="row-fluid vertical-align text">
            <div class="col-xs-16 col-md-8 leftText">
                Some textblock, which has a 10 lines
            </div>
            <div class="col-xs-16 col-md-8 rightText">
                Some other textblock.

            </div>
</div>

---

在IE中不起作用。。在chrome和ff中，甚至在Safari中，都能发挥魅力。。有人吗？

修复了这个问题，对于IE，我必须在.vertical align类中指定一个高度（以像素为单位）。其他浏览器不需要这样做。在那里，可以用百分比来指定高度。

哪个版本的IE？到底是什么不起作用？它应该如何工作？我只在IE11中尝试过。我通常希望看到-msflex:1和-msflex-pack:center；在CSS上的某个地方被用来在a-ms flexboxThx中垂直居中放置内容！明天我会试试的！请注意，您需要放置

display:flex作为最后一条规则。不是第一个，就像你的例子一样。
.vertical-align {
    display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    min-height: 100%;
}