Flex-Richtung: Säule; funktioniert nicht in IE und Edge

Ich habe ein Menü mit Listenelement in einer vertikalen Liste mit flexbox und flex-direction:column angezeigt. Es funktioniert hervorragend in allen Browsern mit Ausnahme von IE und Edge.Flex-Richtung: Säule; funktioniert nicht in IE und Edge

Ich versuchte Tricks wie das Hinzufügen von Display-Flex zum Flex-Container, aber es funktioniert auch nicht.

Irgendwelche Ideen?

Hier ist die Internetseite, wo das Problem auftritt: http://lesdeuxvagues.com/demo

die Plus-Taste im Menü klicken, um das Problem

CSS zu sehen:

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; 
}

Quelle

2017-08-01 Marine Le Borgne

Cool, dass Sie Ihr Problem behoben haben, aber Ihre Frage ist jetzt für andere Menschen nutzlos, weil Ihr Website-Link jetzt Ihr Problem nicht mehr zeigt. In Zukunft bitte fügen Sie minimalen Code ein, der Ihr Problem reproduziert und nicht Websitelink. –

@VadimOvchinnikov Ja, ich weiß! ich konnte nicht herausfinden, wie man das Problem mit nur minimalem Code reproduziert, wie ich erklärte, das Problem kam vom css des Rahmens. –

Es stellt sich heraus regle ich nur das Problem durch das Hinzufügen display:block; zu meiner Liste Artikel. Sie hatten eine display:table-cell aus dem Grundrahmen, die dieses Problem verursacht haben könnte!

Quelle

2017-08-01 17:22:29

Flex-Richtung: Säule; funktioniert nicht in IE und Edge

Antwort

Verwandte Themen