2017-08-01 183 views
0

不工作我有使用flexboxflex-direction:column垂直列表顯示的列表項的菜單。 它在除IE和Edge之外的所有瀏覽器都很好用。Flex方向:列;在IE和邊緣

我嘗試的技巧,比如將顯示器撓性的柔性容器,但它不工作要麼。

任何想法?

這裏是哪裏出了問題發生的網站:http://lesdeuxvagues.com/demo

單擊菜單中的加號按鈕,看問題

CSS:

ul{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    justify-content: flex-start; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    text-align: center; 
} 
+0

酷您已解決您的問題,但你的問題現在是無用的其他人,因爲你的網站鏈接,現在不顯示了您的問題。 今後請貼最少的代碼複製你的問題,而不是網站鏈接。 –

+0

@VadimOvchinnikov是的,我知道!正如我所解釋的,我無法弄清楚如何用最少的代碼重現問題,問題來自框架的CSS。 –

回答

2

結果發現我只是通過增加固定的問題display:block;到我的清單項目。 他們從基礎架構,造成這一問題有一個display:table-cell