html - IE10中的flexbox, flex-end

Question

我认为这是一个非常直接的问题。我正在尝试将一个 div 与其容器的底部对齐，这应该在 IE10 中使用 flexbox 工作吗？

我在一个父 div 中有 2 个 div，它们并排显示，一个高度比另一个短。这是我在 IE11 中使用的 CSS...

.col-parent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.col {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
}

我以为就足够了吗？我还考虑过在父 div 上使用以下内容:

.col-parent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

当我测试时，我确定它在 IE10 中再次不起作用。如果它不起作用，那对我来说很好。如果 flexbox 应该在这种情况下工作，我只是不想离开它。

Answer 1

IE10 支持 2012 语法，因此尝试将“end”作为值..

另见:http://caniuse.com/#search=flexbox