IE10中的flexbox, flex-end

Question

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

我有 2 个 div 在父 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

IE10中的flexbox, flex-end

flexbox, flex-end in IE10

html

css

flexbox