flexbox

CSS3-Modul für flexible Layouts, das eine breite Palette von Optionen zum Ausrichten von Elementen bietet, ohne dass Floats und Tabellen erforderlich sind.
3
Antworten

Flex-wrap-Polyfill für Firefox

Laut Mozillas eigener Dokumentation :    Firefox unterstützt nur Single-Line-Flexbox. Ich würde jedoch gerne Flexboxen verwenden, da derzeit von allen modernen Browsern unterstützt wird (das muss ich nicht) Ziel IE 9 für dieses Projekt...
16.07.2013, 19:42
2
Antworten

Verschiebe ein Element an das Ende einer Liste mit flexbox [duplizieren]

Wie kann ich "3" mithilfe von CSS an das Ende der Liste verschieben? Siehe jsbin here %Vor% %Vor%     
30.12.2016, 02:55
2
Antworten

Elemente in Flexbox links, mittig und rechts ausrichten

Ich versuche, diesen oberen Header mit flexbox zu erstellen. Grundsätzlich möchte ich die <div class="header-title"> (Institution Institution 1) auf die Zeile mit den 3 anderen Elementen zentrieren, die Sie sehen. (Institutione...
04.04.2017, 15:23
2
Antworten

Führt tiefes Schachteln von Flexboxen zu Performance-Problemen?

Ich habe an einem ReactJS-Projekt gearbeitet, bei dem ich die meisten Komponenten mit dem Flexbox-Layout erstellt habe. Da mit react, können wir tief verschachtelte Komponenten haben, so dass mein Layout geschachtelt Flexbox-Layout hat. Jetzt...
13.09.2016, 06:09
2
Antworten

Richte ein Element an der Mitte jeder Flexbox aus [duplizieren]

Ich habe 3 divs, die Seite an Seite mit display: flex sind. Der Inhalt dieser divs ist unterschiedlich groß, aber ich möchte in jedem einen Link erstellen, der immer unten liegt. %Vor% Auf diese Weise werden die Links immer aufgereiht a...
01.01.2016, 03:43
7
Antworten

Welche Vorteile bietet der Flex-Stil in CSS?

Als ich über neue Änderungen in HTML und CSS las, lernte ich Flex-Stile wie -webkit-flex . Was ist der einzige Vorteil der Verwendung von flex anstelle der normalen Div-Methode mit Media Tags für reaktionsschnellen Stil. Ich habe kaum...
02.02.2014, 21:36
3
Antworten

Gibt es in Chrome einen Bug mit justify-content: space-between und min-height?

Hier ist der Code, an dem ich arbeite: %Vor% %Vor% Und ich bekomme vorhersehbares Ergebnis in Firefox: Aber in Chrome bekomme ich das nächste Ergebnis: Warum bekomme ich diesen Raum unter das untere Element?...
10.02.2017, 14:11
1
Antwort

flexbox - Verhindern, dass die Breite bei der Angabe von flex-grow erhöht wird

Ich versuche, mit flexbox ein reaktionsfähiges Raster aus gleich großen Zellen zu erstellen. Mein Code funktioniert, wenn der Inhalt der Zellen der gleiche ist, aber nicht, wenn der Inhalt der Zellen in der Länge variiert - die Zellen passen sic...
02.03.2015, 19:25
3
Antworten

Zurücksetzen der Eigenschaft 'display' für flex-item

Ich versuche, altes Layout basierend auf Tabellen und JS in die neue Flexbox mit Abwärtskompatibilität zu konvertieren, indem ich die Tabellen für alte Browser behalte (speziell IE8, IE9 und Opera 10+). Das Problem ist, dass es keine display...
26.11.2014, 08:47
2
Antworten

- webkit-flex wird auf Android nicht richtig angezeigt

Nachdem ich die wunderbaren Fähigkeiten von display:flex erkannt habe, habe ich eine Webseite erstellt, die genau so aussieht, wie ich es möchte, wenn sie in Chrome 26 unter Windows angezeigt wird. Es funktioniert jedoch weder in Chrome 26 au...
16.05.2013, 19:14