Question

所以我在IE11中的页面出现了这个问题我有9个盒子，高度略有不同，应该是这样一个很好的顺序 https://i.imgur.com/Cuiq6yA.png

我正在使用display：flex和flex-wrap：换行。它适用于所有其他浏览器，IE除外。它看起来像这样 https://i.imgur.com/UTBX2XM.png

我发现flexbox并不能真正使用IE，所以我尝试了一些修复，但没有一个能够正常工作。（设置不同的宽度//显示：-ms-flexbox; // flex：1 1 auto; ....）
有人知道解决方案，可以帮助我吗？

我的HTML代码看起来像这样：

<div class="row flexy">
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4">
            //Inhalt
        </div>
    </div>

CSS就是这样：

.flexy {
    display:flex;
    flex-wrap:wrap;
}

当我调整窗口大小时，我注意到如果第一行中的最后一个框具有较小的高度，它只会包装怪异。如果第一个框是最小的，那么看起来应该是这样。

flex-wrap在IE中没有真正起作用吗？

0 个答案: