Question

对于网站，我使用的是一些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>

CSS：

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

在IE中不起作用..像chrome和ff中的魅力甚至Safari一样工作..任何人？

Answer 1

修正了问题，对于IE，我必须在.vertical-align类上指定一个高度（以像素为单位）。其他浏览器不需要这些。在那里，以百分比指定高度就足够了。

Flexbox似乎不适用于IE

1 个答案: