2015-12-09 106 views
0

相當直接的問題,我想。我試圖調整一個div到它的容器底部,應該在IE10中使用flexbox工作嗎?flexbox,IE10中的flex-end

我在並列顯示的父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應該在這種情況下工作。

回答

1

IE10支持2012語法,爲此嘗試 「結束」 作爲值..

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

+0

是,對於'-MS-FLEX對齊:end'(父),而不是'-ms-flex-align:end'(在孩子身上)? – user1406440