Unterstützt IE9 nicht display: inline-flex überhaupt?
Ich habe mich in StackOverflow umgesehen und wo sonst finde ich heraus, ob display: inline-flex; in IE9 funktioniert. Ich habe vorher eine Frage gestellt, als ich Schwierigkeiten hatte, eine Breite dynamisch zu erweitern, Frage hier.
Die Antwort hat mir geholfen, danke, wer auch immer du bist! Jetzt, da ich das Problem behoben habe und es in Chrome, Opera, Mozilla, Safari, IE10 + funktioniert, habe ich immer noch Probleme damit, dies in IE9 zu machen.
Ich habe auch versucht, pre-fix für display: inline-flex; wie display: -webkit-inline-box , -ms-inline-flexbox usw. hinzuzufügen.
Das Problem, das den ganzen Deal gelöst hat, war width: auto; und display: inline-flex;
Arbeitende Geige hier
Wie kann ich dies in IE9 arbeiten lassen?
1 Antwort
Wie Sie hier sehen können: Kann ich FlexBox verwenden? Flexbox wird in IE9 nicht unterstützt
BEARBEITEN: Basierend auf dem OP-Kommentar zur Antwort:
Wenn es eine Möglichkeit gibt, IE9 mit Präfix oder etwas zu funktionieren?
Hier ist die Antwort eines SO-Benutzers von einer anderen Frage :
Ich verstehe aus Ihrer Frage, dass Sie sich der Tatsache bewusst sind, dass IE9 unterstützt keine flexbox. Ein Polyfill für Flexbox namens flexie.js , existiert (nicht gepflegt afaik), aber es funktioniert mit dem alten 2009 Syntax von Flexbox.
Die Verwendung der alten Syntax wird natürlich nicht empfohlen, seit der 2009-Syntax ist wirklich veraltet und viele Browser nicht erkenne es nicht mehr. Sie können jedoch versuchen, Autoprefixer zu verwenden wandelt Regeln für neue Syntax in Regeln für alte Syntax um (unter Beibehaltung der new-Syntax für Browser, die es unterstützen).
Es gibt Vorbehalte - Sie können nicht Inline-Stil verwenden, müssten Sie Ihre Stile in CSS-Dateien schreiben, und ich denke nicht, dass es dynamische Änderungen an der unterstützt DOM.
Disclaimer: Ich habe diese Methode nicht mit IE9 + flexie ausprobiert.
Tags und Links internet-explorer css css3 internet-explorer-9 flexbox