IE10中的柔性盒

Question

我觉得这是个直截了当的问题。我正在尝试将div与它的容器底部对齐，这在IE10中是否应该使用柔性盒呢？

我在一个父母的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中也不起作用。如果不起作用，我就没事了。我只是不想离开它，如果柔性盒应该在这种情况下工作。

Answer 1

IE10支持2012年的语法，因此尝试将"end“作为值。

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