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语法，因此尝试“结束”作为值..

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

flexbox，IE10中的flex-end

1 个答案: