Flexbox在IE中似乎不起作用

-1

对于某个网站，我使用了一些柔性盒。除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>

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。任何人？

来源

2015-05-23 Kornelito Benito

哪个版本的IE？什么不工作？它应该如何工作？ – Oriol

我只在IE 11中试过。 –

我通常会看到-ms-flex：1和-ms-flex-pack：center;在CSS上的某处用于垂直居中-ms-flexbox内的内容 –

解决了这个问题，对于IE来说，我必须在.vertical-align类中指定一个高度（以像素为单位）。其他浏览器不需要这些。在这里，以百分比来指定高度已经足够了。

来源

2015-05-26 07:52:15

请注意，您需要将'display：flex;'作为最后一条规则。不是第一个，就像你的例子。 – hexalys

Flexbox在IE中似乎不起作用

回答

相关问题