的Flex項目在Firefox

不換我有一個這樣的柔性DIV中的div的列表，鉻：的Flex項目在Firefox

enter image description here

但火狐它水平滾動只用一條線

enter image description here

我能做些什麼來不強制水平滾動？我希望它在Firefox像在Chrome

#maindiv{ 
    margin: auto; 
    width: 97%; 
    border: 1px solid #F4F4F4; 
    border-radius: 2px; 
    margin-top: 10px; 
    -webkit-justify-content: space-around; 
    -webkit-flex-wrap: wrap; 
    -moz-justify-content: space-around; 
    -moz-flex-wrap: wrap; 
    -ms-justify-content: space-around; 
    -ms-flex-wrap: wrap; 
    justify-content: space-around; 
    flex-wrap: wrap; 
    display: -webkit-flex; 
    display: flex; 
    display: -moz-box; 
    -moz-box-pack: center; 
    -moz-box-align: center; 
    height: 395px; 
    max-height: 395px; 
    overflow-y: scroll; 
} 

#divslist{ 
    list-style: none; 
    margin: 0px; 
    float: left; 
    position: relative; 
    zoom: 1; 
    -webkit-justify-content: space-around; 
    -webkit-flex-wrap: wrap; 
    -moz-justify-content: space-around; 
    -moz-flex-wrap: wrap; 
    -ms-justify-content: space-around; 
    -ms-flex-wrap: wrap; 
    justify-content: space-around; 
    flex-wrap: wrap; 
    display: -webkit-flex; 
    display: flex; 
    display: -moz-box; 
    -moz-box-pack: center; 
    -moz-box-align: end; 
}

來源

2014-03-19 user3436640

[flexbox和wrap屬性]的可能重複（http://stackoverflow.com/questions/16773928/flexbox-and-wrap-pro perty） – cimmanon

剛剛從

display: -webkit-flex; 
display: flex; 
display: -moz-box;

順序改變了在CSS中

display: -webkit-flex; 
display: -moz-box; 
display: flex;

及其FF 28.check這fiddle在FF的工作和鉻

來源

2014-03-19 09:20:07 Shiva

這沒有解決FF版本不支持包裝的問題。 – cimmanon

請提及您正在使用的FF版本 – Shiva

的Flex項目在Firefox

回答

相關問題