5

我试图让我的 flexbox 布局与 IE10 兼容，据我所知，IE10 使用了2012 年 3 月的 flexbox 草稿。我已经尝试了每一种奇怪的语法和它的每一种变体，但无济于事。我在 Parallels 中安装的 IE10（我在 Mac 上）是10.0.9200.16660版本，这应该使它使用 IE10 flexbox 样式吗？

这是我的代码：

.uberflex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

    display: -webkit-flex;
    -webkit-flex-flow: column wrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;

    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
}

我已经尝试了这些术语的每个变体，带有“-ms-”前缀和没有“-ms-”前缀（它们在 IE11 中使用的），但无济于事。我的 IE 控制台告诉我存在的类的唯一属性是“显示：-ms-flexbox”位。我是非常非常慢还是我为 IE10 使用了错误的草稿？是否有 IE10 的更新导致 flexbox 无法正常工作？

任何信息都会非常有帮助，因为我在这个主题上几乎找不到。谢谢！:-)

4

1 回答 1

1

这有点猜测，但请尝试将顺序切换为

.uberflex {

    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;

    display: -webkit-flex;
    -webkit-flex-flow: column wrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
于 2014-05-12T16:08:55.410 回答